/** Generated by FG **/

@font-face {
    font-family: 'Tataicon-Regular';
    src: url('../../fonts/Tataicon-Regular.eot');
    src: local('?'), url('../../fonts/Tataicon-Regular.woff') format('woff'), url('../../fonts/Tataicon-Regular.ttf') format('truetype'), url('../../fonts/Tataicon-Regular.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    color: #595959;
    width: 100%;
    height: 100%;
    background: #EDEDED;
    font-family: "Gotham A", sans-serif;
    font-size: 13px;
    font-weight: normal;
}

body.ngdialog-open {
    overflow: initial !important;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    font-family: "Gotham A", sans-serif;
}

b, strong {
    font-weight: 400;
}

.relative {
    position: relative !important;
}

.absolute {
    position: absolute !important;
}

.static {
    position: static !important;
}

.glyphicon {
    font-family: inherit !important;
    text-transform: initial !important
}

.glyphicon:before {
    font-family: 'Tataicon-Regular' !important;
}

input+.glyphicon:before, .custom-select.glyphicon:before {
    font-family: 'Tataicon-Regular' !important;
    color: #CCCCCC;
}

::-webkit-input-placeholder {
    font-family: "Gotham A", sans-serif;
}

:-moz-placeholder {
    /* Firefox 18- */
    font-family: "Gotham A", sans-serif;
}

::-moz-placeholder {
    /* Firefox 19+ */
    font-family: "Gotham A", sans-serif;
}

:-ms-input-placeholder {
    font-family: "Gotham A", sans-serif;
}

.default-font {
    font-family: "Gotham A", sans-serif;
}

canvas {
    max-width: 100%;
}

input:focus {
    outline: none;
}

.force-font, .nav-text {
    font-family: "Gotham A", sans-serif !important;
}

svg {
    font-family: "Gotham A", sans-serif !important;
}

.huge-text {
    font-size: 40px;
    font-weight: 500;
}

.large-text {
    font-size: 30px;
    font-weight: 500;
}

.extra-big-text {
    font-size: 24px;
    font-weight: 400;
}

.big-text {
    font-size: 20px;
    font-weight: 400;
}

.medium-text {
    font-size: 16px;
    font-weight: 400;
}

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

.normal-text {
    font-size: 13px;
}

.normal-text:before {
    font-size: 12px !important;
}

.small-text {
    font-size: 11px;
}

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

.text-medium-bold {
    font-weight: 400;
}

.text-bold.glyphicon:before {
    font-weight: 500;
}

.incident-color {
    color: #FF6251;
}

.request-color {
    color: #F9AB37;
}

.fullSpan {
    width: 100%;
    float: left;
}

#top-stripe {
    background-color: #9B9B9B;
    height: 4px;
}

#header {
    height: 60px;
    padding: 0 0px 0 0px;
    z-index: 9;
    position: relative;
    transition: all 300ms ease;
    background: #FFFFFF;
    /*overflow: hidden;*/
}

#header * {
    transition: all 300ms ease;
}

.headerVideo {
    font-size: 19px;
    cursor: pointer;
    padding-left: 5px;
    color: mediumvioletred;
}

#main-left *:after {
    transition: all 300ms ease;
}

#header.collapsed {
    height: 0px !important;
    overflow: hidden !important;
}

#header.collapsed+#main {
    margin-top: 0px;
}

.logo {
    padding: 8px 20px;
    height: 60px;
    margin-top: -4px;
    line-height: 52px;
    /*filter: brightness(0) invert(1);*/
}

#header-partner-logo {
    position: relative;
    /*border-top: 4px solid #4C83C4;*/
}

#header-customer-logo:after {
    content: "";
    margin: 10px 0;
    height: 38px;
    width: 1px;
    background: #E9E9E9;
    position: absolute;
    left: 0px;
    top: 0px;
}

#header-customer-logo {
    border-top: 4px solid transparent;
}

#header-user {
    margin-top: 10px;
}

#header-user.activate {
    background-color: #F5F5F5;
    /*DINESH*/
    color: #a7be38;
    /*DINESH*/
}

#user-dropdown {
    font-size: 13px;
}

#userdata {
    margin-top: 2px;
    padding-right: 90px;
    position: relative;
    text-align: right;
}

#userdata .user-logo {
    font-size: 25px;
    top: 4px;
    position: relative;
}

#userdata .headerOptions {
    display: inline;
    font-size: 20px;
    top: 5px;
    right: 25px;
    position: absolute;
    color: #4C83C4;
}

#userdata .headerOptions i:hover {
    color: #244a77;
}

#username a {
    color: #000;
    font-weight: 400;
}

#username {
    display: inline-block;
}

#userDate {
    width: 100%;
    font-size: 11px;
    color: #AFAFAF;
}

.activeMenu {
    /*background: #a7be38;*/
    box-shadow: 0px 0px 20px rgba(68, 68, 68, 0.6);
}

.activeMenu:before, .activeMenu .title {
    /* color: #a7be38 !important; */
    font-weight: bold;
}

.activeMenu:after {
    width: 5px !important;
    background-color: #a7be38 !important;
}

.activeMenuItem:before, .activeMenuItem li:before {
    color: #a7be38 !important;
}

.showNotification {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
}

.hideNotification {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
}

.notification-red {
    color: red;
}

.notification-orange {
    color: orange;
}

.notification-green {
    color: green;
}

.notificationItem .time {
    color: #c3bfbf;
    font-size: 10px;
}

.notificationItem {
    border-bottom: 1px solid #CCCCCC;
}

.notificationBell {
    position: relative;
}

.notificationCount {
    position: absolute;
    background: red;
    color: #FFFFFF;
    font-size: 10px;
    padding: 3px;
    font-weight: 700;
    border-radius: 5px;
    top: -10px;
    right: -5px;
}

.notification-msg {
    position: fixed;
    width: 250px;
    height: 80px;
    background: white;
    border: 2px solid #CCCCCC;
    bottom: 40px;
    left: 50px;
    padding: 5px;
    box-shadow: 3px 3px 3px #ccc;
}

.appNotifications {
    position: absolute;
    top: 63px;
    right: 50px;
    height: 295px;
    width: 340px;
    right: 20px;
    background: #FFFFFF;
    border: 2px solid #CCCCCC;
}

.appNotifications .notificationType {
    float: right;
    padding-top: 5px;
}

.appNotifications .notificationType i {
    padding: 5px;
    cursor: pointer;
}

.appNotifications .notificationType .active {
    border-bottom: 3px solid #9bd426;
}

.arrow_box:after, .arrow_box:before {
    bottom: 100%;
    left: 86%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}

.arrow_box:after {
    border-color: rgba(255, 252, 242, 0);
    border-bottom-color: #FFFFFF;
    border-width: 20px;
    margin-left: -20px;
}

.arrow_box:before {
    border-color: rgba(117, 55, 55, 0);
    border-bottom-color: #CCCCCC;
    border-width: 23px;
    margin-left: -23px;
}

#avatar {
    width: 23%;
    float: left;
    padding-right: 10px;
}

.avatar {
    border-radius: 999px;
    background-color: #aaaaaa;
    width: 40px;
    height: 40px;
}

#user-active-arrow {
    width: 10%;
    float: left;
    position: relative;
    margin-top: 18px;
}

.page-ng-view {
    padding-bottom: 15px;
}

/***********************************************************/

/***************** Arrow Types *****************************/

/***********************************************************/

/*** Line Arrow ***/

.line-arrow-down {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #929292;
    position: absolute;
}

.line-arrow-down:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid #FFFFFF;
    left: -4px;
    position: absolute;
    top: -6px;
}

.line-arrow-right {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-left: 6px solid #929292;
    position: absolute;
}

/*.line-arrow-right:after{
	content: "";
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-bottom: 4px solid transparent;
	border-left: 4px solid #FFFFFF;
	left: -6px;
	position: absolute;
	top: -4px;
}*/

.line-arrow-up {
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #929292;
    position: absolute;
}

.line-arrow-up:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #FFFFFF;
    left: -4px;
    position: absolute;
    bottom: -6px;
}

/*** Solid Arrow ***/

.psudo-solid-arrow-up:before, .solid-arrow-up, .subNav:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #595959;
    position: absolute;
    right: 10px;
    top: -6px;
    /*left:10px;*/
}

.right.psudo-solid-arrow-up:before, .right.solid-arrow-up {
    right: 10px;
    left: initial;
}

/***********************************************************/

/***************** Arrow Types *****************************/

/***********************************************************/

/***********************************************************/

/***************** Custom DropDown *****************************/

/***********************************************************/

.custom-dropdown {
    /*position: absolute;

	left: 0px;*/
    top: 100%;
    margin-top: 48px;
    width: 100%;
    /*opacity: 0;*/
    transition: all 300ms ease;
    transform-origin: top;
    transform: rotateX(-73deg);
}

.activate .custom-dropdown {
    /*opacity: 1;*/
    display: block;
    transform: rotateX(0deg);
}

.custom-dropdown>ul {
    background: #595959;
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: 100%;
    z-index: 999999999;
}

.custom-dropdown>ul>li, .custom-dropdown>ul a>li {
    list-style: none;
    margin: 0px;
    padding: 10px 15px;
    width: 100%;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
    text-decoration: none;
    border-left: 4px solid transparent;
}

.custom-dropdown>ul>li:hover, .custom-dropdown>ul a>li:hover {
    background: #494949;
    text-decoration: none;
    color: #a7be38 !important;
    border-left: 4px solid #a7be38;
}

/***********************************************************/

/***************** Custom DropDown *****************************/

/***********************************************************/

/***********************************************************/

/***************** Custom Main Body *****************************/

/***********************************************************/

#main {
    /*margin-top:60px;*/
    transition: margin 300ms ease;
}

#main-table {
    width: 100%;
    display: table;
    min-height: 600px;
    table-layout: fixed;
}

#main-left {
    width: 80px;
    position: relative;
    min-height: 100%;
    background: #595959;
    display: table-column;
    vertical-align: top;
    transition: width 300ms ease-in-out;
}

#main-left * {
    transition: all 300ms ease;
    cursor: pointer;
}

#main-left.expand {
    width: 250px;
    overflow: hidden;
}

#main-right {
    min-height: 100%;
    display: none;
    vertical-align: top;
}

#breadCrumb {
    height: 35px;
    background: #4C83C4;
    line-height: 35px;
    color: #FFFFFF;
    position: relative;
    margin-left: 1px;
}

#breadCrumb a {
    color: #FFFFFF;
}

#breadCrumb .crumb {
    padding: 0 10px 0 5px;
    text-transform: uppercase;
    font-size: 10px;
}

#breadCrumb .crumb:last-child {
    font-size: 10px;
}

#breadCrumb .divider {
    margin: 14px 0 0 -4px;
}

#breadCrumb .line-arrow-right {
    border-left: 6px solid #FFFFFF;
    border-width: 4px;
}

#breadCrumb .line-arrow-right:after {
    border-left: 4px solid #4C83C4;
    border-width: 2px;
    top: -2px;
    left: -4px;
}

#breadCrumb #header-collapse {
    width: 31px;
    height: 31px;
    background: #FFFFFF;
    position: absolute;
    top: -15px;
    /*right: 10px;*/
    /*DINESH - 16-10-2015*/
    right: 20px;
    /*DINESH - 16-10-2015*/
    border-radius: 999px;
    cursor: pointer;
}

#breadCrumb #header-collapse .line-arrow-up {
    bottom: 8px;
    left: 9px;
    transition: all 180ms ease;
}

#breadCrumb #header-collapse.rotate .line-arrow-up {
    transform: rotate(180deg);
}

/***********************************************************/

/***************** Custom Main Body *****************************/

/***********************************************************/

/***********************************************************/

/***************** Custom NAV *****************************/

/***********************************************************/

#nav, #nav * {
    list-style-type: none;
}

ul#nav {
    /*position: absolute;*/
    z-index: 99;
}

ul#nav, ul.subNav {
    margin: 0px;
    padding: 0px;
}

ul#nav li {
    color: #FDFDF9;
}

ul#nav>span>li:before {
    cursor: pointer;
}

ul#nav li, ul.subNav li {
    color: #FDFDF9;
    width: 100%;
    float: left;
    padding: 0px;
    font-size: 18px;
}

#main-left:not(.expand) ul#nav li:before, #main-left:not(.expand) ul.subNav li:before {
    padding-left: 27px;
}

#main-left.expand ul#nav li, ul.subNav li {
    padding-left: 0px;
}

ul.subNav li {
    padding: 10px 0px;
}

/* ul#nav li:not(:first-child).active {
    padding-bottom: 0px;
} */

ul#nav li:before, ul.subNav li:before {
    padding: 10px 0px 22px 27px;
    position: relative;
    z-index: 11;
    color: #FDFDF9;
    top: 0px;
    float: left;
    width: 80px;
}

#main-left.expand ul#nav li:before, ul.subNav li:before {
    width: 50px;
}

#main-left.expand ul#nav li ul.subNav li:before {
    left: 20px;
}

#main-left.expand ul#nav li ul.subNav li .nav-text {
    left: 70px;
}

#main-left:not(.expand) .subNavLevel3-text:hover {
    background: linear-gradient(270deg, #303030 98%, #FDFDF9 2%);
    /* background: red; */
}

/*
ul#nav li.showNavName:before, ul.subNav li.showNavName:before{
	top:-5px;
}

#main-left.expand ul#nav li:before, #main-left.expand ul.subNav li:before{
	top:-2px;
}*/

/***** list navbar *******/

ul#nav li.glyphicon-menu {
    text-align: right;
    padding-right: 0px;
    padding-top: 10px;
}

ul#nav li.glyphicon-menu:before {
    padding-left: 22px;
    float: right;
}

/***** Search Nav *******/

ul#nav li>div {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
}

#main-left.expand ul#nav li div.glyphicon-search {
    background-color: #5F5F5F;
    border-bottom: thin solid #BDBDBD;
    cursor: default;
}

ul#nav li#search-wrapper {
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    padding: 0px;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    height: 50px;
}

#main-left.expand ul#nav li#search-wrapper {
    padding-left: 5px;
}

ul#nav li#search-wrapper.glyphicon:before {
    padding-left: 17px;
    border-top: 0px solid transparent;
    vertical-align: middle;
    top: 0px;
}

#main-left.expand ul#nav li#search-wrapper.glyphicon:before {
    padding-left: 0px;
}

#search {
    width: 0px;
    border: 0px;
    background-color: #5F5F5F;
    font-family: "Gotham A", sans-serif;
    font-size: 0px;
    line-height: 14px;
    vertical-align: top;
    height: 30px;
}

#main-left.expand #search {
    width: 100%;
    border: 0px;
    padding-left: 33px;
    font-size: 14px;
    height: 100%;
}

#main-left:not(.expand) #search-wrapper.searchActive #search {
    width: 100%;
    font-size: 14px;
    height: 100%;
    padding-left: 10px;
}

#main-left:not(.expand) ul#nav li#search-wrapper.searchActive>div {
    position: absolute;
    top: -20%;
    left: 69px;
    width: 250px;
    height: 140%;
    padding: 5px;
    background-color: #595959;
    z-index: 9;
}

#main-left.expand #search:-moz-placeholder {
    /* Firefox 18- */
    color: #BDBDBD;
}

#main-left.expand #search::-moz-placeholder {
    /* Firefox 19+ */
    color: #BDBDBD;
}

#main-left.expand #search:-ms-input-placeholder {
    color: #BDBDBD;
}

#main-left.expand ul#nav li.glyphicon-menu .line-arrow-right {
    transform: rotate(180deg);
}

ul#nav li {
    position: relative;
}

ul#nav li a {
    color: #DBDBDB;
}

ul#nav li:after {
    content: "";
    background-color: #595959;
    color: #FDFDF9;
    position: absolute;
    width: 0px;
    height: 0px;
    border-radius: 999px;
    top: 50%;
    left: 50%;
}

ul#nav li.here:after {
    width: 100%;
    height: 58px;
    max-height: 58px;
    border-radius: 0px;
    top: 0px;
    left: 0px;
}

ul#nav a>li:after, ul#nav span>li:after {
    width: 0px;
    height: 53px;
    max-height: 53px;
    border-radius: 0px;
    top: 0px;
    left: 0px;
    background-color: #FDFDF9;
}

ul#nav a>li:hover:after, ul#nav span>li:hover:after {
    width: 5px;
}

ul#nav li.activate:after, ul#nav li:hover.activate:after {
    width: 5px;
    height: 58px;
    max-height: 58px;
}

ul#nav li.here:before {
    color: #FFFFFF;
}

ul#nav li .nav-text {
    position: relative;
    display: inline-block;
    color: #DBDBDB;
    font-size: 0px;
    vertical-align: middle;
    height: auto !important;
    white-space: normal;
    overflow: hidden;
    top: -5px;
}

ul#nav li.here .nav-text {
    color: inherit;
}

ul#nav .subNav li .nav-text {
    position: absolute;
    /*DINESH - 16-10-2015*/
    color: #fff;
    /*DINESH - 16-10-2015*/
}

ul#nav .subNav li .nav-text:hover, ul#nav .subNav li .nav-text:active, ul#nav .subNav li .nav-text:focus {
    color: #a7be38;
}

#main-left.expand ul#nav li {
    cursor: pointer;
}

#main-left.expand ul#nav li .nav-text {
    width: auto;
    font-size: 13px;
    padding: 0px 5px;
    position: absolute;
    vertical-align: middle;
    left: 50px;
    z-index: 12;
    top: 16px;
}

#main-left ul#nav li.showNavName>.nav-text {
    text-transform: uppercase;
}

#main-left:not(.expand) ul#nav li.showNavName>.nav-text {
    font-size: 10px;
    top: 35px;
    left: 0px;
    width: 100%;
    text-align: center;
    position: absolute;
    text-transform: uppercase;
    text-decoration: none;
}

ul.subNav {
    position: relative;
    height: 0px;
    overflow: hidden;
    background: #454545;
}

#main-left.expand ul#nav li.activate ul.subNav {
    padding-left: 0px;
    z-index: 1;
    margin-left: 0px;
    clear: both;
    width: 100%;
    margin-top: 0px;
}

#main-left.expand ul#nav li.activate ul.subNav li {
    text-align: left;
    padding-left: 0px;
}

.subNav:after {
    left: 32px;
    border-bottom-color: #454545;
}

#main-left.expand .subNav:after {
    left: 32px;
}

ul#nav li.activate ul.subNav {
    height: auto;
    overflow: inherit;
    margin-top: 10px;
    float: left;
}

#main-left:not(.expand) ul.subNav li:hover .nav-text {
    width: 250px;
    left: 80px;
    z-index: 2;
    min-height: 47px;
    background-color: #4b4b4b;
    top: -1px;
    font-size: 14px;
    padding: 18px 0px 15px 18px;
    position: absolute;
}

#main-left ul.subNav li:after {
    content: "";
    width: 0px;
    position: absolute;
    height: 100%;
    left: 0px;
    top: 0px;
    z-index: 10;
    border-radius: 0px;
    background-color: #FDFDF9;
}

#main-left ul.subNav li.here:after {
    width: 100% !important;
}

#main-left.expand ul.subNav li:after {
    left: 5px;
}

#main-left.expand ul.subNav li.here:after {
    left: -25px;
    padding-right: 25px;
    box-sizing: content-box;
}

#main-left ul.subNav li:hover:after {
    width: 5px;
}

#main-left.expand ul.subNav li:hover:after {
    width: 5px;
}

ul#nav .glyphicon-menu .line-arrow-right:after {
    border-left-color: #595959;
    left: -7px;
}

ul#nav .glyphicon-menu .line-arrow-right {
    border-left-color: #FDFDF9;
    right: 10px;
    top: 17px;
    border-width: 5px;
}

.subNavLevel3 {
    margin-left: 0px;
    font-size: 0px;
    height: 0px;
    background: #303030;
}

#main-left:not(.expand) .subNavLevel3 {
    position: absolute;
    left: 80px;
    z-index: 99;
    top: 30px;
    height: auto;
}

#main-left:not(.expand) ul.subNav li:hover .subNavLevel3 {
    width: 250px;
}

#main-left.expand .subNavLevel3 {
    margin-left: 0px;
    position: relative;
    float: left;
    height: auto;
}

.subNavLevel3-text {
    width: 100%;
    display: block;
}

#main-left.expand .subNavLevel3-text {
    width: 100%;
    padding: 0px;
    display: block;
}

#main-left.expand .subNavLevel3-text:hover {
    background-color: #4C83C4;
}

ul.subNav li:hover .subNavLevel3 {
    margin-top: 15px;
    height: auto;
}

#main-left.expand ul.subNav li:hover .subNavLevel3 {
    margin-top: 0px;
}

ul.subNav li:hover .subNavLevel3 .subNavLevel3-text {
    padding: 10px 10px 10px 40px;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
}

#main-left.expand ul.subNav li .subNavLevel3 .subNavLevel3-text {
    padding: 0px 0px 0px 75px;
}

#main-left.expand ul.subNav li:hover .subNavLevel3 .subNavLevel3-text {
    padding: 10px 10px 10px 75px;
    font-size: 14px;
}

.burger-menu {
    cursor: pointer;
}

.burger-menu:before {
    padding-left: 0px !important;
    padding-right: 29px !important;
}

/***********************************************************/

/***************** Custom NAV *****************************/

/***********************************************************/

/***********************************************************/

/***************** Content Area *****************************/

/***********************************************************/

#info-wrapper {
    padding-top: 0px;
    padding-bottom: 0px;
}

.total-info {
    min-height: 52px;
}

.total-info:not(:last-child) {
    border-right: thin solid #DFDFDF;
}

.total-info span.total-info-text {
    padding-top: 3px;
    float: left;
}

.total-info span.total-info-text:first-child {
    padding-left: 15px;
}

.total-info span:first-child {
    display: block;
    float: left;
    padding-top: 15px;
    padding-right: 15px;
}

#content {
    padding: 5px 25px;
}

.box {
    background: #FFFFFF;
    border: thin solid #ECECEC;
    box-shadow: 0px 1px 2px #DDDDDD;
    padding: 15px;
    width: 100%;
    float: left;
    /*overflow: hidden;*/
}

#popUp .box {
    background: transparent;
    border: 0px;
    box-shadow: none;
    padding: 15px;
}

.popUpOn .spinner {
    display: none;
}

.popUpOn .popUpWrapper {
    display: block;
}

.box.no-box-style {
    background: transparent;
    border: none;
    box-shadow: none;
    padding: 0;
    width: 100%;
    float: left;
    overflow: hidden;
}

.custom-box-oneEighth, .custom-box-sevenEighth, .custom-box-fiveEighth, .custom-box-threeEighth, .custom-box-oneFourth, .custom-box-threeFourth, .custom-box-oneThird, .custom-box-half, .custom-box-twoThird, .custom-box-full, .custom-box-oneFifth, .custom-box-oneSixth {
    float: left;
    padding: 0 5px;
}

.pointer {
    cursor: pointer;
}

.context-menu {
    cursor: context-menu;
}

/****** Tiles area styles ******/

.tile {
    color: #FFFFFF;
    padding: 10px !important;
    min-height: 140px;
}

.tileHead {
    float: left;
    width: 100%;
    font-weight: 400;
    margin-bottom: 0px;
    font-size: 13px;
}

.tileInfo {
    float: left;
    width: 100%;
    display: table;
}

.tileInfo h1 {
    margin-top: 10px;
    font-size: 30px;
    font-weight: 500;
}

.big-tile .tileInfo {
    display: table;
}

.tileInfo h1 {
    border: 0px !important;
}

.tile small {
    color: #FFFFFF;
    font-weight: 300;
    vertical-align: top;
    line-height: 30px;
}

.tileInfo>div {
    border: 0px !important;
}

.big-tile .tileInfo>div {
    display: table-cell;
    height: 100%;
    float: none;
    vertical-align: middle;
}

.twoInOneTile .custom-box-half {
    border: 0px !important;
}

.tile-wrap {
    position: relative;
    overflow: hidden;
}

.tile-wrap:hover .tileHover {
    bottom: 0px;
}

.tileHover {
    position: absolute;
    bottom: -100%;
    left: 0px;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: bottom 180ms ease-in-out;
    padding: 30px 0px;
    color: #FFFFFF;
}

.tileHover:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0.8;
}

.tileHover a>div {
    width: 100%;
    float: left;
    padding: 5px 15px;
    position: relative;
    z-index: 2;
    transition: color 180ms ease-in-out;
    cursor: pointer;
    color: #FFFFFF;
}

.tileHover a>div:after {
    content: "";
    position: absolute;
    top: 0px;
    left: 0px;
    height: 100%;
    width: 0px;
    transition: width 180ms ease-in-out;
}

.tileHover a>div:hover:after {
    width: 5px;
}

.theTiles.custom-box-full .clearfix {
    float: left !important;
}

.theTiles .custom-box-oneEighth, .theTiles .custom-box-oneFourth, .theTiles .custom-box-threeFourth, .theTiles .custom-box-oneThird, .theTiles .custom-box-half, .theTiles .custom-box-twoThird, .theTiles .custom-box-full {
    margin-top: 5px;
    padding: 0px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
}

.theTiles .custom-box-oneEighth:last-child, .theTiles .custom-box-oneFourth:last-child, .theTiles .custom-box-threeFourth:last-child, .theTiles .custom-box-oneThird:last-child, .theTiles .custom-box-half:last-child, .theTiles .custom-box-twoThird:last-child, .theTiles .custom-box-full:last-child {
    border-right: 0px solid transparent;
}

.theTiles .custom-box-oneEighth:first-child, .theTiles .custom-box-oneFourth:first-child, .theTiles .custom-box-threeFourth:first-child, .theTiles .custom-box-oneThird:first-child, .theTiles .custom-box-half:first-child, .theTiles .custom-box-twoThird:first-child, .theTiles .custom-box-full:first-child {
    border-left: 0px solid transparent;
}

.custom-box-twoThird div>.custom-box-oneEighth, .custom-box-threeFourth div>.custom-box-oneEighth {
    width: 25%;
}

.custom-box-twoThird div>.custom-box-oneFourth, .custom-box-threeFourth div>.custom-box-oneFourth {
    width: 50%;
}

.custom-box-twoThird div>.tile-wrap:nth-child(4), .custom-box-threeFourth div>.tile-wrap:nth-child(4) {
    border-right: 0px;
}

.custom-box-twoThird div>.tile-wrap:nth-child(6), .custom-box-threeFourth div>.tile-wrap:nth-child(6) {
    border-left: 0px;
}

.custom-box-twoThird div .tile-wrap:nth-child(6), .custom-box-threeFourth div .tile-wrap:nth-child(6), .custom-box-twoThird div div .tile-wrap:nth-child(1), .custom-box-threeFourth div div .tile-wrap:nth-child(1), .custom-box-twoThird div div .tile-wrap:nth-child(2), .custom-box-threeFourth div div .tile-wrap:nth-child(2) {
    margin-top: 10px !important;
}

/****** Tiles area styles ******/

.no-padding {
    padding: 0px;
}

#content div[class^="custom-box-"] {
    margin-top: 2px;
}

#content div[class^="custom-box-"].outerHeader, #content div[class^="custom-box-"].outer-header {
    margin-top: 5px;
}

#content div[class^="custom-box-"].outerHeader {
    margin-bottom: 15px;
}

/* #content div[class^="custom-box-"]:first-child {
    margin-top: 0px;
} */

#content .outer-header div[class^="custom-box-"], #content .outerHeader div[class^="custom-box-"] {
    margin-top: 5px;
}

#content .heading {
    border-bottom: 1px solid #E5E5E5;
    padding: 0px 15px 4px 15px;
}

#content .box .heading {
    font-weight: 500;
    font-size: 16px;
}

#content .box .heading span {
    font-weight: 400;
    font-size: 13px;
}

#popUp .box .box-heading, #content .box .box-heading {
    text-transform: uppercase;
    font-weight: 500;
}

#popUp .box .box-heading {
    font-size: 18px;
}

.outerHeader .box, .outer-header .box {
    margin-top: 10px;
}

/**** list type 1 ****/

ul.list-type-1 {
    padding: 10px;
    list-style: none;
    margin: 0px;
}

ul.list-type-1>li {
    width: 100%;
    float: left;
    border-bottom: 1px solid #EDEDED;
    padding: 7px;
    border-left: 3px solid transparent;
}

ul.list-type-1>li:last-child {
    border-bottom: 0px;
}

/*
#content > .row > div{
	-webkit-transform: translate3d(0,50px,0);
	-moz-transform: translate3d(0,50px,0);
	-ms-transform: translate3d(0,50px,0);
	-o-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	opacity: 0;
	transition:all 300ms ease;
}

.loaded #content > .row > div{
	-webkit-transform: translate3d(0,0,0);
	-moz-transform: translate3d(0,0,0);
	-ms-transform: translate3d(0,0,0);
	-o-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
	opacity: 1;
}*/

.date {
    padding-right: 40px;
    position: relative;
}

.date:before {
    position: absolute;
    right: 12px;
    font-size: 20px;
    top: 0px;
}

.attachment {
    padding: 0 35px;
    position: relative;
    float: left;
}

.attachment .glyphicon-paperclip {
    position: absolute;
    left: 0px;
}

.attachment .glyphicon-paperclip:before {
    position: absolute;
    left: 10px;
    font-size: 22px;
    top: -4px;
}

.attachment .glyphicon-trash {
    padding-left: 10px;
    top: 4px;
}

.popUpWrapper {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 9999;
    display: none;
}

.popUpWrapperBg {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    background: rgba(0, 0, 0, 0.6);
    z-index: 9999;
}

.popUpWrapper.active {
    display: block;
}

#popUp {
    position: relative;
    z-index: 99999;
    margin-top: 2000px;
    min-height: 100px;
    border-top: 5px solid #999999;
    background: #FFFFFF;
    transition: margin 300ms ease-in-out;
}

#popUpClose {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 20px;
    cursor: pointer;
}

.show {
    display: block;
}

.hide {
    display: none;
}

.inline-block {
    display: inline-block;
}

.disable {
    opacity: 0.3;
    cursor: default !important;
    pointer-events: none;
}

.circle {
    border-radius: 999px;
}

/***********************************************************/

/***************** Content Area *****************************/

/***********************************************************/

/***********************************************************/

/***************** Content Area *****************************/

/***********************************************************/

.circleTabBox {
    position: relative;
}

.circleTabBox:before, .circleTabBox:after {
    content: "";
    width: 50%;
    position: absolute;
    height: 1px;
    background-color: #EAEAEA;
    top: 35px;
}

.circleTabBox:before {
    left: 0px;
}

.circleTabBox:after {
    right: 0px;
}

.circleTabBox:first-child:before, .circleTabBox:last-child:after {
    display: none;
}

.circleTabBox:not(.clicked):before, .circleTabBox:not(.clicked):after {
    background-color: #4C83C4;
}

.circleTabBox.last:after {
    background-color: #4C83C4;
}

.circleTabBox.engaged:before {
    background-color: #EAEAEA;
}

.circleTabBox.clicked:last-child:after {
    background-color: #4C83C4;
}

.circleTab {
    width: 36px;
    height: 36px;
    float: none;
    line-height: 36px;
    margin: 17px auto;
    border-radius: 999px;
    font-size: 16px;
    text-align: center;
    cursor: pointer;
    position: relative;
    z-index: 9;
}

.circleTab.clicked {
    width: 36px;
    height: 36px;
    line-height: 36px;
    margin: 17px auto;
    font-size: 16px;
}

.circleTab.engaged.clicked {
    width: 35px;
    height: 35px;
    line-height: 36px;
    margin: 2px auto;
    font-size: 15px;
}

.circleTabContent {
    display: none;
}

/***********************************************************/

/***************** Content Area *****************************/

/***********************************************************/

/***********************************************************/

/***************** footer Area *****************************/

/***********************************************************/

#footer {
    background: #FFFFFF;
    padding: 0px 15px;
    position: relative;
    z-index: 0;
}

#footer>div {
    line-height: 50px;
    font-size: 13px;
}

#footer-links {
    text-align: right;
}

#footer-links a {
    border-left: 2px solid #ABABAB;
    padding: 0px 8px;
    color: #4C83C4;
}

#footer-links a:first-child {
    border-left: 0px;
}

/***********************************************************/

/***************** footer Area *****************************/

/***********************************************************/

/***********************************************************/

/***************** Bootstrap overrides **************************/

/***********************************************************/

.glyphicon:before {
    font-size: 22px;
}

.glyphicon-profile:before, .glyphicon-mypage:before, .glyphicon-home:before, .glyphicon-Tickets-Dashboard:before, .glyphicon-Overview:before {
    content: "A";
}

.glyphicon-customerprofile:before, .glyphicon-Orders:before, .glyphicon-View-Reports:before {
    content: "T";
}

.glyphicon-users:before, .glyphicon-view:before, .glyphicon-Consumers:before {
    content: "A";
}

.glyphicon-change-management:before {
    content: "B";
}

.glyphicon-request-management:before, .glyphicon-Request:before, .glyphicon-View-Orders:before {
    content: "C";
}

.glyphicon-problem-management:before, .glyphicon-zigsaw-puzzle:before {
    content: "D";
}

.glyphicon-alert:before, .glyphicon-bell:before, .glyphicon-events:before, .glyphicon-Alert-Suppression:before {
    content: "E";
}

.glyphicon-ticket-management:before {
    content: "F";
}

.glyphicon-incident-management:before, .glyphicon-GSLB:before, .glyphicon-Incident:before, .glyphicon-lightning:before, .glyphicon-Place-Order:before, .glyphicon-Manage:before {
    content: "G";
}

.glyphicon-PMS:before {
    content: "H";
}

.glyphicon-CMS:before {
    content: "I";
}

.glyphicon-cmdb:before, .glyphicon-servers:before, .glyphicon-server-list:before, .glyphicon-Managed-Hosting:before, .glyphicon-KubeClusters:before, .glyphicon-Kafka:before, .glyphicon-Kafka-Sql:before {
    content: "H";
}

.glyphicon-customerprofile:before, .glyphicon-Orders:before {
    content: "T";
}

.glyphicon-Cloud-Dashboard:before {
    content: "\2601";
}

.glyphicon-Managed-Security-Services:before {
    content: "L";
}

.glyphicon-os:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e121";
}

.glyphicon-ics:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e121";
}

.glyphicon-info-sign:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e086";
}

.glyphicon-info-sign-md:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e086";
    font-size: 1.5em;
}

.glyphicon-info-sign-sm:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e086";
    font-size: 1em;
    color: #4C83C4;
}

.glyphicon-plus-sign:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e081";
    font-size: 1.3em;
}

.glyphicon-minus-sign:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e082";
    font-size: 1.3em;
}

.glyphicon-floppy-disk:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e172";
}

.glyphicon-floppy-save:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e175";
}

.glyphicon-download:before, .glyphicon-Kafka-Drop:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e026";
    font-size: 1em;
}

.glyphicon-faq:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e085";
    font-size: 1em;
}

.glyphicon-SIGS:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e144";
    font-size: 1em;
}

.glyphicon-waf:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e104";
    font-size: 1em;
}

.glyphicon-Applications:before, .glyphicon-applications:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e011";
    font-size: 1em;
}

.glyphicon-ScalingPolicy:before, .glyphicon-Deployments:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e022";
    font-size: 1em;
}

.glyphicon-helpandsupport:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e035";
    font-size: 1em;
}

.glyphicon-Contact-us:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e183";
    font-size: 1em;
}

.glyphicon-Escalation-Matrix:before, .glyphicon-notifications:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e145";
    font-size: 1em;
}

.glyphicon-question-sign:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e085";
    font-size: 0.9em;
    color: #6F9BCF;
    padding-left: 2px;
    cursor: pointer;
}

.glyphicon-refresh:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e031";
}

.glyphicon-import:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e169"
}

.glyphicon-option-horizontal:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e234";
    font-size: 1em;
}

.glyphicon-Engagement:before, .glyphicon-Service-Subscription:before, .glyphicon-IPC-Service-Subscription:before, .glyphicon-dss:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e011";
    font-size: 1em;
}

.glyphicon-Tags:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\e042";
    font-size: 1em;
}

.glyphicon-Engagement:before, .glyphicon-Cloud-Platform:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e011";
    font-size: 1em;
}

.glyphicon-Cloud-Automation:before {
    font-family: "FontAwesome" !important;
    content: "\f085";
}

.glyphicon-Asset:before, .glyphicon-VM-Search:before, .glyphicon-VM-List:before, .glyphicon-Instances:before, .glyphicon-job-list:before, .glyphicon-nimsoft:before, .glyphicon-Pods:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e137";
    font-size: 1em;
}

.glyphicon-Pricing-And-Costing:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e148";
    font-size: 1em;
}

.glyphicon-serviceconsole:before, .glyphicon-sockpi:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e237";
    font-size: 1em;
}

.glyphicon-Security-Information:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e023";
}

.glyphicon-Admin:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e008";
}

.glyphicon-Security-Information.Detailed.view:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e015";
}

.glyphicon-Trend:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e181";
    font-size: 1em;
}

.glyphicon-Raw-Log:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e023";
}

.glyphicon-Performance-Management:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e230";
    font-size: 1em;
}

.glyphicon-Insight-Console:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e230";
    font-size: 1em;
}

.glyphicon-csiem:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e201";
}

.glyphicon-reports:before, .glyphicon-Reports:before, .glyphicon-Field-Report:before, .glyphicon-Capacity-Reports:before, .glyphicon-Capacity-Trend:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
}

.glyphicon-download:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e026";
    font-size: 1em;
}

.glyphicon-usageTrends:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e009";
}

.glyphicon-Feedback:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e044";
}

.glyphicon-User-Views:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e008";
}

.glyphicon-escmatrix:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
}

.glyphicon-customer:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e008";
}

.glyphicon-cti:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e135";
    font-size: 1.3em;
}

.glyphicon-customerprofile:before, .glyphicon-Orders:before {
    content: "T";
}

.close-icon {
    border: 1px solid transparent;
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    outline: 0;
    cursor: pointer;
}

.close-icon {
    position: relative;
    padding: 10px;
}

.close-icon:after {
    content: "X";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    background-color: transparent;
    z-index: 1;
    right: 0;
    left: 370px;
    top: 0;
    bottom: 58px;
    margin: auto;
    padding: 2px;
    /*border-radius: 50%;*/
    text-align: center;
    color: #A9A9A9;
    font-weight: normal;
    font-size: 12px;
    /*box-shadow: 0 0 2px #A9A9A9;*/
    cursor: pointer;
}

.glyphicon-servicereport:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
    font-size: 1em;
}

.glyphicon-Monthly-Reports:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e056";
    font-size: 1em;
}

.glyphicon-Security-Info:before, .glyphicon-Security-Information-Repository:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e086";
    font-size: 1em;
}

.glyphicon-Security-Management:before, .glyphicon-Security-Management-Report:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e181";
    font-size: 1em;
}

.glyphicon-Trend:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e181";
    font-size: 1em;
}

.glyphicon-Nimsoft:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e141";
    font-size: 1em;
}

.glyphicon-Endpoint:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e157";
    font-size: 1em;
}

.glyphicon-Image-Management:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e060";
    font-size: 1em;
}

.glyphicon-Customer:before {
    content: "W";
}

.glyphicon-Users:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e008";
    font-size: 1em;
}

.glyphicon-environment:before, .glyphicon-Environments:before, .glyphicon-mpc:before, .glyphicon-Zones:before, .glyphicon-Components:before, .glyphicon-Services:before {
    content: "I";
}

.glyphicon-ipam:before {
    content: "J";
}

.glyphicon-department:before, .glyphicon-Departments:before, .glyphicon-flowchart:before, .glyphicon-Infra-VMs:before {
    content: "K";
}

.glyphicon-My-Virutual-DC:before, .glyphicon-Business-Units:before, .glyphicon-flowchart:before, .glyphicon-Application-Workloads:before, .glyphicon-Nodes:before {
    content: "K";
}

.glyphicon-ddos:before, .glyphicon-shield:before, .glyphicon-draas:before, .glyphicon-mss:before, .glyphicon-integratedSecurityServices:before, .glyphicon-Firewall:before, .glyphicon-Security-Policies:before {
    content: "L";
}

.glyphicon-epc:before, .glyphicon-EPC:before, .glyphicon-services:before {
    content: "M";
}

.glyphicon-epcMenu:before, .glyphicon-epcMenu:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADgAAAAkCAYAAADckvn+AAAAAXNSR0IB2cksfwAADjVJREFUeJy9WXmMVeUVP3e/9703CzDDzCg0LBMlbRXFKlYTnGdNmlRtJajVqo2GQW1rbLV/CNaaaYliY1LbP0yDIrbShEgDlJImE2oZahOxhka0ouAT3HAUZmGWt9ztu7dnue8JKqIVeieT793vfcv5nf2cp8EpflZvfLVr1743zojjGHxwIY58iMEE03PBnCzzGrepAD5+PnN2x3jfrRfvPpn3ayfzsI8+P+xb160DlMYTFyzLgokAwHEcCBINNE2DfKogiiKe830fclYNEqVWfKlT6+/70Q0nBegpA3hj35ruyOgspWkKsdnCQMz8FAjDEG+1IEkSsFGmNEJqgGEYAHEZaP1Ur0KE9a69Z/ETX5SOUwLwxuVrum3PRMm1gm3bEOpNoBRKS3cbAD3PAy2aZGCBH/O+nJ0wQDcd4vd8ONq7+pe3fyGQJx3gNQgu9tpLpJKRWWBgtUBBPp+HJIpB13WI/RoDD/SUJZsruLxORYrPMPwEXNeFZlUB07J7V99T/J9BnlSAS1dt6I6iuFTRmkQyeo5V0LA8lhzi4cc1DbY5ZRtgmiaoNAJyQlqq8burDAY+TQ957JnftaD36vNf/L8BfGTdrq7RqHrGG6VhIai9E0xNnzI0GWwmgtDYmGDL9XiEOBDV0yKWoJ6EDLxmeOxsDAv4+yhMmTEGqjDty2tlXtek3lmxduVtD51ygA+s6+8qvVpaaHrtm4MgANvrglqtBpHhMOHV1GTV06wCcz5GiRGBeiLAjgZIgHwzx6oJuuL5ROkicQTI65NxHr1gP8w/b8GCO7/z+aX4mQEuRa8YOJ0l4mwtzTMQHW2LCEwNU2xLy0ZcT+vos1yiRFIQ8bueKPGeqKq8X3m81tAdBq4ZVdaMoDbM9zhJDSWrF3+/YvGOUwLwrke3dNcmJkrDvscXR0aLuHmlsUoRQHoPU50JTkhK+E+g+B8BMuFJIBJKxVuarsP7o8BiiRNAWh+j5Oh7y/DZ2ejBBKpvvOLpldd9bjU9IcDVG3d1/fM/g4PkFAJvGgfs0LQYiIeqRg9LAQkigRGBfDCONMePLp/TLMCnGXgVlfm8JLKFYaZIMkoqmSTlbFIJYmyzlawIwmhnZ6sJX5o5a/yuxWecMBk4IcA7+h7vOZJOH6C4NYoZCdmeclwmxI5qHx6EBGca2QBcB5vWb0kFGIpNRlQ9ZoKS8wzNZtWO0ypLVjczDYmEUWYkwHN6ti84vKJ9ekf/w3dde1ygJwR4+33reoaj6QOcTuXEKZQxAyGCHAwHDARZzBLEPJMIN/WE91JYoPkEc0/Gh1ZIT1wfjZjPs9H5kIR0lcp5ukgyUDFLVjPEKXkoUmZEKF5WGWOsAXp1aMWZ3XP7+275eB57YoD3r188nnRsooNGAZijoS0ADHQORKCuiRMxVSiSBCEcQwevI4CsmhmwEFWVCXdFZQkg226QATVyDCBB1WYGuKmsx+9ZsoEpqm2KrRaQ5WTDbeZk7yM/Pzbz+VSAyze80b3v5T0lqzCdL/JrE5BDKephC6tqkhcbrNteHGeSw8DGNpfZnoZJNRGWBBVx/4Y4mZZgiMdLvt4O8+bNg/mzZ4KPWmBh+HjzzcOwc+9bsGPHDlBT5jHAwOySe0EY4aGKUJhym5uhXC5Dq4ustI3edXd/swHyuAAf7X+u+18v+SU60E89nvNcgzOStFZgoBV9XJwAXkmEp6kmI4g31S3xrgSQGOAaYkv+5ChXEGd35mDJkkVw+hQhxFA+2IaNmQ3ZKsBhjCqUNzz69AsI+E0IrdMYGMVNkpirCaMwlvC7pSb5+7le3LvqbknUPwZwdf+rXdue37fQNszNAdZvFIcSvJC8qIbhgAirIWg6yI61BkB2GrqoXIIXs8qRZ8T9KRLOqVt5lPe15GzOTft6e8jfIGEiYczc0KMiY2yUPtkYhg16JpBxTz75V3jpoDiucq6JVdiIdT6vHEvJBeEEn9OhqnDxRRf13nDZ9CeOAdi3pr/73XcOlqpWB7/XEps5ZJgOE2vaDlSrVXBRely/gZXFOpGMyuIbmZp4VWEMOn6OZ4BekMagPAZ9fdfCDNxjonrbdXUib0mM0kT1U5ImOp4hn2wW4MHV/2BVHMF5di6RJjmsJ8k6lV8kyXYMP8TYVfdesaABcDkG8/0jLtdvQSpJcpMtEjHUEVZNL5/yQVUklFOyIMtAIItzGcA0C/T0mdbnPVv2o2oR4O/fcA2c9eU8tEMgQCrIDDxPRZgE2DrGWaFpHKOQJ9YBCgE+v9eHTZs2wUG/mcstSB0GmHp5WRSHzEB77BBL9Lqr5hYZ4AOr+7sGhz8YPKy6WOR+4knSG9f4AM+owJw5c2D23A5Jni1RFT3MfXg72ZAhXjPOAjwxicumoMo2q6qSWxYXnQa0pBPjGXM+KaB6Z5zGozAKwN+3PwdvvP0+3zdn7jy47NL5MOgDrFr1B6jlZ4sJKNGgSirxMqpVGHgLZj6kaRecrQnAa+7futgyrE1VVgmFxHgwOTkJzWiDrNsTe+Dhh3o5mhEdNBKEhmplY53GtD6m8m9kI6kjkMmiJEkVJ3VyRzrkAgwvyIgUwwqaN2x95Qhs27YNjqhmYbR6D53REvjKGc2wYcN2eGWvOC0/896p28J0W1R64ehWygzUTvYUNaoQXntLH+TyJbM1UjWSpFUTFVt0zjS4/PJzYWpOwFgsJQKacKzTMlA6Sw1VFGdImHWAlkbJN456xg1UJbwAvTDaFlA5BAyYvCet/82W3bBnzx6oGG1SZumHYebMmXDrTUVY+9Q22P+2eM3QFFPwNcmEYpwjYIXA53CSN18valf1resxtBkDzBFVZlUKoypzxkmb2WZazDFYtuxqmNclPqAZicBpwNQRyjUFTZ4EcCWC4bhY/0xAtQwXSZ5ipWkkjLxCJRIBpPhJXjZCT4p2/9stL8Pu3bvBdzqgUqlAa24C5s+fD0u+dS48tf4ZeO11qRuraSgA9XxmEqI7rUoyKAv2FbXrVv2pJ006B4gjCaZEXC3E0lLAG3hDLh3i9767vg15dIalF9+BZ555Bi7+xgVw/oKvwuGhCdi4cSNm/yYsXXoTUNsFHVtDXTEMSjjIVFehTRp4TxXXY8HVABgnJu6NYa9vwmOPbYCxtIUB5K0RuOWW62BqM8ATT/wZDg1L8yq2oAGQqxE8j+h3yjXWRDfdW9SuXrm1B1WKJRihSyabKwcJizrRbRY1RVvyTm2OBlOnToUPDrwqRu51svN5fe9elvzE+Ah0dHTA1GnNWSGb8EW5nM7u3bMVE3bzDUVwkbh2LItsvMMIsrrREoaOo/7TvTt3vcySOvuc82AKgnsfSXnwwbVQzc1i52OCpHCBlef7NF3cbw6dDcVZNfbvonbFfZt7HMcakOZPM3sf02vmAwKV9UgMKUztYJIlacfSSgitNumWITEEMFHSmkhBcstUkyaSrkuO6pgRc3ohSv3qK78GHYBeGv/c0GGbVKEkDJEjKh9kjopUvYomsXn7Hti5cyeMW6czw6l5RRKk1gcn+5giEkO8quSmTeb+onbzqq09E7V4gAhXZpbk4gYCQEZfb8pyQE9E99NECLcx0yAgZGe0L4d6SQzihJiMPhHJx0oIifwxZkR1chjuuOO7cH47cABHAfPoZO44CANJpukMvKqKc4cOAfzqyW1M1yQKgAB4kVQxPgIjOmPMmIiOdk2yqLntI2iDfet7lJYfIELGaooJOFIORUVBck8SNyW1li4NWhMRcUZjSrfMsSXnVLEkwbSGA7AmKpqCZCa2EWVjzAxbufRS6GjLgxaLjZqKnBPGTkdU1lfc1YB9B8n21sJg3Mbz1cIUsbFQzgtMu+E76gA53l5YQIDLf9fjtJw1QDYChby097L44kITc8o2A6m/bCk0q6oVCoUCjE++x4yIa5ILInz+Pk5EpU3LlaYTSHswiQNR9axSn66NQbFYhOJFLUxo01GhhcLKKI4vvHAANj27j8+JnRnsVd2ctDas6qQkEqh9RL/jJCwg88hBXv+LnxYXaPc9/reeV/aHA0RwGaTgtCwhUA+drL6rMIGhUeZ3AijJtbwbSeYksM4jhuhZ6yEIFQOPgpj3a2ksBPmS6nnld4UgVYJFixZBZ5MDbW1tMDISwoEDB+Cld4Y44RjROlkrJtRU3k+VNKeSaAKkWQaWSyQYA6MACaIlPAILFy5c9uMrZ63Rnt31VteTf9k+SBceilpYHUcDKVB1TIHoQC2WJNbJJEtdMQag1x0/NPovjT4MfNifOd5DbUK2bV1le9Uxe3X0ilw1oArSfSHWipz8G5L7lq2C/IgTS+ukNRpmRkzTDy17+Ge3rYEs/sJyrCLef+tgKWntZocyHjvMeY3yQuRMzhKgaSg/lthZpR1b7qcCONGTJllvRovrkBsMovkgENWnhI5V3agzUDKtMU1+62jOAj4BDMNg2foHv7emwaj6h6XLf91dNjtL3ErPn8ZAUyMnLYowyjrVEqeohGFPGZcbxBz9NJpNR0nzEwGmWrY2qc8ITK3+PWT3ZfWiLd28KAr4nbwvAzRDdnqt+pFlj628Y83RdxxD2dJVW7r9ICgFjrQoqAVPB5imxRyrheIkTFSZowF+FNhnfY4HUDXSdS1rR+oZUGkmm2Zm84FkLNM8DBU1f9kf+645BtzHANLzkwfWdX1QTS70XGdTpGe/LRhS+AYqFZs0JDa6iXMMuKNbhZ8JYCIBvW6D8BFg1EflwpZiKPoATP2zDkPEEpvhDuF8fO+s05v6V/zg+k9s6x+Xmlsf2dg1OhKe6Tou/+RMD7fkmRbM+SjvU8fbXX/Mzwg1Ps683ONjdcBvpjgdWl9oKcCCGcn4nddf8qm/V/wXWOr43ZICmcgAAAAASUVORK5CYII=) no-repeat;
    content: "";
    text-align: center;
    margin-left: 40px;
    margin-top: 18px;
    background-size: 35px 25px;
}

.glyphicon-Load-Balancer:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\e110";
    font-size: 1.4em;
}

.glyphicon-ipc:before, .glyphicon-EPC:before, .glyphicon-services:before {
    content: "M";
}

.glyphicon-quicklinks:before, .glyphicon-clock:before {
    content: "N";
}

.glyphicon-dashboard:before, .glyphicon-Capacity-Dashboard:before, .glyphicon-Customer-Dashboard:before, .glyphicon-Minit-Dashboard:before, .glyphicon-IT-Dashboard:before, .glyphicon-MSS-Dashboard:before {
    content: "O";
}

.glyphicon-calendar:before {
    content: "P";
}

.glyphicon-close:before, .glyphicon-remove-circle:before {
    content: "Q";
}

.glyphicon-close-small:before {
    content: "Q";
    font-size: 1em;
}

.glyphicon-fullscreen:before {
    content: "R";
}

.glyphicon-out:before, .glyphicon-Scripts:before {
    content: "S";
}

.glyphicon-list:before, .glyphicon-CMDB-List:before, .glyphicon-VCG-List:before, .glyphicon-WAF:before, .glyphicon-Templates:before {
    content: "T";
}

.glyphicon-list:before, .glyphicon-Hub-Onboarding:before, .glyphicon-Onboard-Jobs:before {
    content: "U";
}

.glyphicon-list:before, .glyphicon-Nimsoft-monitoring:before {
    content: "V";
}

.glyphicon-attachment:before, .glyphicon-paperclip:before {
    content: "U";
}

.glyphicon-virtual-macihne:before {
    content: "V";
}

.glyphicon-network:before, .glyphicon-VPN:before, .glyphicon-Topology:before, .glyphicon-Network-Report:before, .glyphicon-API-Gateway::before {
    content: "W";
}

.glyphicon-system:before, .glyphicon-monitor:before {
    content: "X";
}

.glyphicon-delete:before, .glyphicon.glyphicon-remove:before, .glyphicon-trash:before {
    content: "Y";
}

.glyphicon-edit:before, .glyphicon-pencil:before {
    content: "Z";
}

.glyphicon-stats:before, .glyphicon-graphs:before, .glyphicon-CMDB-Summary:before {
    content: "a";
}

.glyphicon-search:before, .glyphicon-magnifying-glass:before, .glyphicon-Audit-List:before {
    content: "b";
}

.glyphicon-menu:before, .glyphicon-clubsanwich:before {
    content: "c";
}

.glyphicon-user:before, .glyphicon-human:before {
    content: "d";
}

.glyphicon-settings:before, .glyphicon-tools:before {
    content: "e";
}

.glyphicon-circle:before, .glyphicon-round:before {
    content: "f";
}

.glyphicon-down-arrow-solid:before {
    content: "h";
}

.glyphicon-right-arrow-solid:before {
    content: "i";
}

.glyphicon-special-arrow-right:before {
    content: "j";
}

.glyphicon-left-arrow-line:before {
    content: "k";
}

.glyphicon-collapse:before, .glyphicon-circle-minus:before {
    content: "l";
}

.glyphicon-down-triangle:before {
    content: "m";
}

.glyphicon-expand:before, .glyphicon-circle-plus:before {
    content: "n";
}

.glyphicon-right-arrow-line:before {
    content: "o";
}

.glyphicon-up-arrow-line:before {
    content: "p";
}

.glyphicon-circle-tick-line:before {
    content: "q";
}

.glyphicon-ok, .glyphicon-ok:before {
    font-family: 'Glyphicons Halflings' !important;
}

.glyphicon-circle-tick-solid:before {
    content: "r";
}

.glyphicon-circle-warning-solid:before {
    content: "z";
}

.glyphicon-circle-cross-solid:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e083";
    font-size: 1.4em;
}

.glyphicon-Endpoint-Monitoring:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e218";
    font-size: 1.4em;
}

.glyphicon-repeat:before {
    content: "\e030";
    font-size: 1.4em;
    font-family: 'Glyphicons Halflings' !important;
}

.glyphicon-Partner-Subscription:before {
    content: "T";
}

.glyphicon-SIGS-Reports:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
    font-size: 1.4em;
}

.glyphicon-filter:before {
    content: "s";
}

.glyphicon-filter-small:before {
    content: "s";
    font-size: 01em;
}

.glyphicon-ITSM:before, .glyphicon-itsm:before, .glyphicon-jobs:before, .glyphicon-supportandmaintenance:before, .glyphicon-Tickets:before, .glyphicon-Historical-Tickets:before {
    content: "t";
}

.glyphicon-down-arrow-line:before {
    content: "g";
}

.glyphicon-up-arrow-solid:before {
    content: "h";
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.glyphicon-password:before {
    content: "@";
}

.glyphicon-note-line:before {
    content: "y";
}

.glyphicon-note-solid:before {
    content: "z";
}

.glyphicon-Profiles:before {
    content: "I";
}

.glyphicon-Mitigations:before {
    content: "G";
}

.glyphicon-Config:before {
    content: "e";
}

.glyphicon-baas:before, .glyphicon-Managed-Services:before, .glyphicon-Catalogs:before, .glyphicon-Platform-Services:before {
    content: "M";
}

.glyphicon-Alerts:before {
    content: "K";
}

.glyphicon-partner:before {
    content: "K";
}

.st-sort-ascent, .st-sort-descent {
    position: relative;
}

.st-sort-ascent:before {
    font-family: 'Tataicon-Regular' !important;
    content: "g";
    text-transform: initial !important;
    position: absolute;
    right: 10px;
}

.st-sort-descent:before {
    font-family: 'Tataicon-Regular' !important;
    content: "p";
    text-transform: initial !important;
    position: absolute;
    right: 10px;
}

.glyphicon-chevron-left:before {
    content: "k";
    font-size: 14px;
}

.glyphicon-chevron-right:before {
    content: "o";
    font-size: 1em;
}

.glyphicon-chevron-up:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e113";
    font-size: 1em;
}

.glyphicon-chevron-down:before {
    content: "\e114";
    font-family: 'Glyphicons Halflings' !important;
    font-size: 1em;
}

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

.rotate-180 {
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.not-allowed {
    opacity: 0.5;
}

.not-allowed, .not-allowed *, .not-allowed *:after {
    cursor: not-allowed !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    font-size: 13px;
}

textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    box-shadow: none;
    outline: 0 none;
    font-size: 13px;
}

.form-horizontal .control-label {
    font-weight: 400;
    font-size: 14px;
    padding-top: 8px;
}

/* .squaredFour */

.radio label:after, .checkbox label:after, label.radio:after, label.checkbox:after {
    content: '';
    width: 10px;
    height: 5px;
    position: absolute;
    top: 7px;
    left: 5px;
    border: 2px solid #FFFFFF;
    border-top: none;
    border-right: none;
    background: transparent;
    transform: rotate(-45deg);
}

.radio label:before, .checkbox label:before, label.radio:before, label.checkbox:before {
    content: '';
    width: 20px;
    height: 20px;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #999999;
    background: #FFFFFF;
}

.dropdown-menu.multiselect-container>a, .dropdown-menu.multiselect-container>.active>a, .dropdown-menu.multiselect-container>.active>a:focus, .dropdown-menu.multiselect-container>.active>a:hover {
    background-color: transparent;
    color: #595959;
}

.radio label:after, .radio label:before {
    border-radius: 999px;
}

.radio input[type=radio], .checkbox input[type=checkbox] {
    visibility: hidden;
}

.checked.checkbox label:after, .checked.checkbox label:after {
    opacity: 1;
}

.checkbox label, .radio label {
    padding-left: 30px;
}

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

.margin-r-16 {
    margin-right: 16px !important;
}

table.scroll {
    width: 100%;
    /* Optional */
    /* border-collapse: collapse; */
    border-spacing: 0;
}

table.scroll tbody, table.scroll thead {
    display: block;
}

table .glyphicon {
    cursor: pointer;
}

thead tr th {
    height: 30px;
    line-height: 30px;
    /*text-align: left;*/
}

table.scroll tbody {
    height: 100px;
    overflow-y: auto;
    overflow-x: hidden;
}

tbody td, thead th {
    width: 5%;
    /* Optional */
}

table {
    font-size: 13px;
}

table.parentchild tr td {
    word-break: break-all;
}

table.table-fixed {
    table-layout: fixed;
}

table.table-fixed td {
    word-wrap: break-word;
    display: block;
    float: left;
    border-left: 0px !important;
}

.table-scrollable thead, .table-scrollable tbody {
    display: block;
}

.table-scrollable tbody {
    max-height: 100px;
    /* Just for the demo          */
    overflow-y: auto;
    /* Trigger vertical scroll    */
    overflow-x: auto;
    /* Hide the horizontal scroll */
}

.table-scrollable .popuptable {
    height: auto !important;
    /* Just for the demo  */
    overflow-y: auto;
    /* Trigger vertical scroll    */
    overflow-x: auto;
    /* Hide the horizontal scroll */
}

.table-scrollable .popuptable1 {
    height: 100px !important;
    /* Just for the demo   */
    overflow-y: auto;
    /* Trigger vertical scroll    */
    overflow-x: auto;
    /* Hide the horizontal scroll */
}

.table-scrollableNew thead, .table-scrollableNew tbody {
    display: block;
}

.table-scrollableNew tbody {
    max-height: 330px;
    /* new table-scrollable is added  */
    overflow-y: auto;
    /* for Mapping CMDB Assets  */
    overflow-x: auto;
}

.table-scrollableNew .popuptable {
    height: auto !important;
    overflow-y: auto;
    overflow-x: auto;
}

.table-scrollableNew .popuptable1 {
    height: 330px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.table>caption+thead>tr:first-child>td, .table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>td, .table>thead:first-child>tr:first-child>th {
    vertical-align: middle;
}

.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    vertical-align: middle;
    border-bottom: 0px;
    border-top: 0px;
}

thead {
    background: #455A64;
    color: #FFFFFF;
    text-transform: uppercase;
}

thead th {
    font-weight: 400;
}

.no-head thead {
    display: none;
}

.no-head.table {
    margin-top: 10px;
    margin-bottom: 10px;
}

.table>tbody>tr.ui-draggable {
    width: 100%;
}

.table>tbody>tr.ui-draggable-dragging {
    background: #FFFFFF;
}

.no-head.table>tbody>tr:first-child>td, .no-head.table>tbody>tr:first-child>th, .no-head.table>tfoot>tr:first-child>td, .no-head.table>tfoot>tr:first-child>th, .no-head.table>thead>tr:first-child>td, .no-head.table>thead>tr:first-child>th {
    border: 0px;
}

.table-bordered>thead>tr>td {
    border: 0px;
}

.table-bordered>thead>tr>th {
    border-color: #808080;
    border-bottom: 1px solid #808080;
    border-top: 1px solid #808080 !important;
}

.table-list.table>tbody>tr>td:first-child {
    text-align: left;
    padding: 8px 0;
}

.table-list.table>tbody>tr>td:last-child {
    text-align: right;
    padding: 8px 0;
}

.addZoneContainer {
    background: #fff;
    margin-top: 45px !important;
    padding-top: 20px;
}

.requiredField {
    color: (221, 44, 0) !important;
    border-bottom-color: rgb(221, 44, 0) !important;
}

.zoneForm {
    margin-top: 3%;
    padding-right: 25%;
    padding-left: 25%;
}

.material-autocomplete md-autocomplete-wrap button {
    background: none;
    box-shadow: none;
    border: none;
}

.radioContainer {
    padding-top: 15px;
}

.radioContainer .title {
    color: rgba(0, 0, 0, 0.26);
    font-weight: 700;
    padding-left: 3px;
    margin-right: 25px;
}

.radioContainer md-radio-button {
    display: inline-block;
    margin-right: 20px;
}

.textAlign {
    text-align: initial;
}

.btnPos {
    width: 20%;
    margin-left: 80%;
}

.subHeader {
    font-weight: bold;
    font-size: 18px;
}

/* .table>thead>tr>th {
    border: 0px;
} */

.table {
    vertical-align: middle;
}

.table tbody tr:nth-child(odd) {
    background-color: #f5f5f5;
}

/*tr:hover td {
    background-color: #a5d6a7;
}*/

.table-plain.table tbody tr:nth-child(odd) {
    background-color: #FFF;
}

.draggable, .ui-draggable {
    z-index: 999;
    cursor: move;
}

.droppable {
    min-height: 50px;
}

.border-lightGray {
    border: thin solid #EAEAEA;
}

.border-mute {
    border: thin solid #666666;
}

.border-primary {
    border: thin solid #4C83C4;
}

.border-success {
    border: thin solid #3BC25B;
}

.border-info {
    border: thin solid #0fb2fc;
}

.border-warning {
    border: thin solid #FBA81E;
}

.border-danger {
    border: thin solid #FF6452;
}

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

.bg-mute {
    background-color: #666666 !important;
}

.bg-lightGray {
    background-color: #EAEAEA !important;
}

.bg-darkGray {
    background-color: #303030 !important;
}

.bg-primary {
    background-color: #4C83C4 !important;
}

.bg-success {
    background-color: #3BC25B !important;
}

.bg-info {
    background-color: #0fb2fc !important;
}

.bg-warning {
    background-color: #FBA81E !important;
}

.bg-danger {
    background-color: #FF6452 !important;
}

.bg-yellow {
    background-color: #FBEA1E !important;
}

.bg-grey {
    background-color: #eee !important;
}

.alert {
    color: #FFFFFF;
}

.alert-success {
    background-color: #3BC25B !important;
}

.alert-info {
    background-color: #0fb2fc !important;
}

.alert-warning {
    background-color: #FBA81E !important;
}

.alert-danger {
    background-color: #FF6452 !important;
}

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

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

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

.text-light {
    font-weight: 300 !important;
}

.text-narrow {
    font-weight: 300 !important;
}

.text-mute {
    color: #666666 !important;
}

.text-lightGray {
    color: #EAEAEA !important;
}

.text-black {
    color: #000000 !important;
}

.text-white {
    color: #FFFFFF !important;
}

.text-primary {
    color: #4C83C4 !important;
}

.text-success {
    color: #3BC25B !important;
}

.text-info {
    color: #0fb2fc !important;
}

.text-warning {
    color: #FBA81E !important;
}

.text-danger {
    color: #FF6452 !important;
}

.text-mute.glyphicon:before {
    color: #666666 !important;
}

.text-lightGray.glyphicon:before {
    color: #EAEAEA !important;
}

.text-black.glyphicon:before {
    color: #000000 !important;
}

.text-white.glyphicon:before {
    color: #FFFFFF !important;
}

.text-primary.glyphicon:before {
    color: #4C83C4 !important;
}

.text-success.glyphicon:before {
    color: #3BC25B !important;
}

.text-info.glyphicon:before {
    color: #0fb2fc !important;
}

.text-warning.glyphicon:before {
    color: #FBA81E !important;
}

.text-danger.glyphicon:before {
    color: #FF6452 !important;
}

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

.padding-t-0 {
    padding-top: 0px !important;
}

.padding-b-0 {
    padding-bottom: 0px !important;
}

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

.padding-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
}

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

.padding-all-0 {
    padding: 0px !important;
}

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

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

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

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

.padding-r-5 {
    padding-right: 5px !important;
}

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

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

.padding-all-5 {
    padding: 5px !important;
}

.padding-l-10 {
    padding-left: 10px !important;
}

.padding-t-10 {
    padding-top: 10px !important;
}

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

.padding-r-10 {
    padding-right: 10px !important;
}

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

.padding-lr-10 {
    padding-left: 10px;
    padding-right: 10px !important;
}

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

/*DINESH*/

/*IT IS USED TO REDUCE THE SIZE OF EDIT BUTTONS*/

/*.padding-all-10{ padding: 6px 10px !important;}*/

/*DINESH*/

.padding-l-15 {
    padding-left: 15px !important;
}

.padding-t-15 {
    padding-top: 15px !important;
}

.padding-b-15 {
    padding-bottom: 15px !important;
}

.padding-r-15 {
    padding-right: 15px !important;
}

.padding-tb-15 {
    padding-top: 15px;
    padding-bottom: 15px !important;
}

.padding-lr-15 {
    padding-left: 15px;
    padding-right: 15px !important;
}

.padding-all-15 {
    padding: 15px !important;
}

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

.padding-t-20 {
    padding-top: 20px !important;
}

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

.padding-r-20 {
    padding-right: 20px !important;
}

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

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

.padding-all-20 {
    padding: 20px !important;
}

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

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

.padding-b-25 {
    padding-bottom: 25px !important;
}

.padding-r-25 {
    padding-right: 25px !important;
}

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

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

.padding-all-25 {
    padding: 25px !important;
}

.padding-l-30 {
    padding-left: 30px !important;
}

.padding-t-30 {
    padding-top: 30px !important;
}

.padding-b-30 {
    padding-bottom: 30px !important;
}

.padding-r-30 {
    padding-right: 30px !important;
}

.padding-tb-30 {
    padding-top: 30px;
    padding-bottom: 30px !important;
}

.padding-lr-30 {
    padding-left: 30px;
    padding-right: 30px !important;
}

.padding-all-30 {
    padding: 30px !important;
}

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

.padding-t-40 {
    padding-top: 40px !important;
}

.padding-b-40 {
    padding-bottom: 40px !important;
}

.padding-r-40 {
    padding-right: 40px !important;
}

.padding-tb-40 {
    padding-top: 34px;
    padding-bottom: 40px !important;
}

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

.padding-all-40 {
    padding: 40px !important;
}

.margin-l-0 {
    margin-left: 0px !important;
}

.margin-t-0 {
    margin-top: 0px !important;
}

.margin-b-0 {
    margin-bottom: 0px !important;
}

.margin-r-0 {
    margin-right: 0px !important;
}

.margin-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.margin-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.margin-all-0 {
    margin: 0px !important;
}

.margin-l-3 {
    margin-left: 3px !important;
}

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

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

.margin-r-3 {
    margin-right: 3px !important;
}

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

.margin-lr-3 {
    margin-left: 3px !important;
    margin-right: 3px !important;
}

.margin-all-3 {
    margin: 3px !important;
}

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

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

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

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

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

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

.margin-all-5 {
    margin: 5px !important;
}

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

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

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

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

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

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

.margin-all-10 {
    margin: 10px !important;
}

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

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

.margin-b-15 {
    margin-bottom: 15px !important;
}

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

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

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

.margin-all-15 {
    margin: 15px !important;
}

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

.margin-t-20 {
    margin-top: 20px !important;
}

.margin-b-20 {
    margin-bottom: 20px !important;
}

.margin-r-20 {
    margin-right: 20px !important;
}

.margin-r-13 {
    margin-right: 13px !important;
}

.margin-tb-20 {
    margin-top: 20px;
    margin-bottom: 20px !important;
}

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

.margin-all-20 {
    margin: 20px !important;
}

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

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

.margin-b-30 {
    margin-bottom: 30px !important;
}

.margin-r-30 {
    margin-right: 30px !important;
}

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

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

.margin-all-30 {
    margin: 30px !important;
}

.margin-custom {
    margin-top: 21px;
}

.padding-l-3 {
    padding-left: 3px !important;
}

.vertical-align-middle {
    vertical-align: middle;
}

.vertical-align-top {
    vertical-align: top !important;
}

.vertical-align-bottom {
    vertical-align: bottom;
}

.left-0 {
    left: 0px;
}

.right-0 {
    right: 0px;
    left: initial;
}

.top-0 {
    top: 0px;
}

.bottom-0 {
    bottom: 0px;
    top: initial;
}

.table {
    display: table;
}

.table-row {
    display: table-row;
}

.table-cell {
    display: table-cell;
}

.btn {
    /*padding: 8px 48px;*/
    /*DINESH*/
    padding: 8px 40px;
    /*DINESH*/
    font-weight: 500;
    border: 1px solid transparent;
    border-radius: 3px;
    text-transform: uppercase;
    transition: all 180ms ease;
    margin-right: 20px;
}

.btn:last-child {
    margin-right: 0px;
}

.btn:hover:not(.btn-link):not(.btn-flat):not(.btn-fab), .btn-primary.active:not(.btn-link):not(.btn-flat), .btn-primary.active:not(.btn-link):not(.btn-flat):not(:hover) {
    box-shadow: none;
}

.btn-primary.active:not(.btn-link):not(.btn-flat):not(:hover) {
    box-shadow: none;
    background-color: transparent;
}

.btn-default:not(.btn-link):not(.btn-flat) {
    color: #4C83C4;
    border-color: #4C83C4;
    background: transparent;
}

.btn[disabled] {
    background-color: transparent !important;
    box-shadow: none;
}

.btn-default:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #4C83C4;
    background-color: #4C83C4;
}

.btn-primary:not(.btn-link):not(.btn-flat) {
    color: #4C83C4;
    border-color: #4C83C4;
    background: transparent;
}

.btn-primary:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #4C83C4;
    background-color: #4C83C4;
}

.btn-mute:not(.btn-link):not(.btn-flat) {
    color: #999999;
    border-color: #999999;
    background: transparent;
}

.btn-mute:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #999999;
    background-color: #999999;
}

.btn-success:not(.btn-link):not(.btn-flat) {
    color: #3BC25B;
    border-color: #3BC25B;
    background: transparent;
}

.btn-success:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #3BC25B;
    background-color: #3BC25B;
}

.btn-info:not(.btn-link):not(.btn-flat) {
    color: #0fb2fc;
    border-color: #0fb2fc;
    background: transparent;
}

.btn-info:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #0fb2fc;
    background-color: #0fb2fc;
}

.btn-warning:not(.btn-link):not(.btn-flat) {
    color: #FBA81E;
    border-color: #FBA81E;
    background: transparent;
}

.btn-warning:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #FBA81E;
    background-color: #FBA81E;
}

.btn-danger:not(.btn-link):not(.btn-flat) {
    color: #FF6452;
    border-color: #FF6452;
    background: transparent;
}

.btn-danger:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #FFFFFF;
    border-color: #FF6452;
    background-color: #FF6452;
}

.btn-group-sm>.btn, .btn-sm {
    padding: 5px 40px;
}

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

.data-loading, .highcharts-loading {
    min-height: 150px;
    position: relative;
    display: block !important;
}

td.data-loading, td.highcharts-loading {
    height: 60px !important;
    position: relative;
    display: table-cell !important;
}

.custom-select.data-loading {
    min-height: 33px !important;
    height: 33px !important;
    position: relative;
    display: block !important;
}

select.data-loading {
    display: none !important;
}

.data-loading:before, .highcharts-loading:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -15px 0 0 -15px;
    width: 30px !important;
    height: 30px !important;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.custom-select.data-loading:before {
    content: "";
    position: absolute;
    top: 22px !important;
    left: initial;
    right: 5px;
    margin: -15px 0 0 -15px;
    width: 15px !important;
    height: 15px !important;
    padding: 0px;
    box-sizing: border-box;
    border: solid 3px transparent;
    border-top-color: #CCCCCC;
    border-left-color: #CCCCCC;
    border-radius: 50%;
    -webkit-animation: nprogress-spinner 400ms linear infinite;
    animation: nprogress-spinner 400ms linear infinite;
}

.highcharts-area {
    position: relative;
    padding: 10px 0px 0px 0px;
    overflow: hidden;
}

.breadcrumb {
    padding: 0px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0px;
}

.breadcrumb li a, .breadcrumb li span {
    color: #FFFFFF;
}

.breadcrumb>li+li:before {
    font-family: 'Tataicon-Regular' !important;
    content: 'o';
    font-size: 8px;
    color: #FFFFFF;
}

a {
    color: #4C83C4;
    text-decoration: none;
}

a:hover {
    color: #4C83C4;
    text-decoration: none !important;
}

a:focus {
    text-decoration: none;
}

.nav-text {
    text-transform: capitalize;
}

.nav-tabs>li {
    border-right: thin solid #E5E5E5;
}

.nav-tabs>li:last-child {
    border-right: 0px;
}

.nav-tabs>li>a, .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    border: 0px;
    border-radius: 0px;
    margin-right: 0px;
}

.nav>li>a {
    padding: 10px 15px 5px 15px !important;
    border-bottom: 4px solid transparent;
}

.nav-tabs>li {
    /* width: 25%; */
    width: 33.3%;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    text-transform: uppercase;
}

.nav-tabs>li.active {
    font-weight: 500;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    background: #FFFFFF;
    border-bottom: 4px solid #a7be38
    /* #4C83C4 */
    ;
    box-shadow: inset 0 0 61px #F2F2F2;
}

.manyTabs {
    margin-top: 15px;
}

.manyTabs b, .manyTabs strong {
    font-size: 15px;
}

.manyTabs .nav-tabs>li {
    width: auto;
    font-size: 13px;
    border-right: none;
}

.nav-tabs>li>a:hover {
    border-bottom: 4px solid #4C83C4;
    background: none;
}

.assettab .nav-tabs>li>a:hover {
    border-bottom: 4px solid #4C83C4;
    background: none;
}

.panel-group .panel {
    border-radius: 0px;
    min-height: 40px;
}

.panel-heading {
    padding: 0px;
    width: 100%;
    float: left;
}

.panel-default>.panel-heading {
    background-color: #FFFFFF;
}

.panel-title>.small, .panel-title>.small>a, .panel-title>a, .panel-title>small, .panel-title>small>a {
    color: #4C83C4;
}

.panel-title>a {
    font-size: 16px;
    font-weight: 500;
    text-transform: uppercase;
    width: 100%;
    display: block;
    padding: 4px 15px;
    text-decoration: none;
    float: left;
}

.panel-title>a>span {
    text-decoration: none;
    display: block;
    float: left;
    margin-top: 7px;
}

.panel-group .panel-heading+.panel-collapse>.list-group, .panel-group .panel-heading+.panel-collapse>.panel-body {
    border-top: 2px solid #DDDDDD;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    border-top-color: #C9C9C9;
    background-color: #EAEAEA;
}

.panel.panel-default h4 a:before {
    content: "n";
    font-family: 'Tataicon-Regular';
    text-transform: initial !important;
    font-size: 28px;
    float: left;
}

.panel.panel-default.panel-open h4 a:before {
    content: "l";
    font-family: 'Tataicon-Regular';
    text-transform: initial !important;
    font-size: 28px;
    float: left;
}

accordion accordion .panel.panel-default.panel-open h4 a:before {
    content: "l" !important;
    font-family: 'Tataicon-Regular';
    text-transform: initial !important;
    font-size: 28px;
    float: left;
}

accordion accordion .panel.panel-default h4 a:before {
    content: "n" !important;
    font-family: 'Tataicon-Regular';
    text-transform: initial !important;
    font-size: 28px;
    float: left;
}

.matrices {
    /*DINESH
	float: left;

	position: relative;
	padding-right: 20px;*/
    position: relative;
    padding: 0px 10px;
    border-left: 3px solid #a7be38 !important;
}

.matrices:before {
    font-size: 14px;
    font-weight: 500;
    position: absolute;
    right: 0px;
}

/***********************************************************/

/***************** Bootstrap overrides **************************/

/***********************************************************/

.network_topology_wrapper {
    margin: 30px auto;
}

/***********************************************************/

/***************** @media Queries **************************/

/***********************************************************/

@media (max-width: 1024px) {
    .dept_label {
        text-align: left !important;
    }
}

/**** ---- || 768px ====>>>> ****/

/**** Greater than or equal 768px ****/

@media (min-width: 768px) {
    .custom-box-oneEighth {
        width: 12.5%;
    }
    .custom-box-sevenEighth {
        width: 87.5%;
    }
    .custom-box-fiveEighth {
        width: 62.5%;
    }
    .custom-box-threeEighth {
        width: 37.5%;
    }
    .custom-box-half {
        width: 50.5%;
    }
    .custom-box-oneFourth {
        width: 25% !important;
    }
    .custom-box-oneThird {
        width: 33.33333333%;
    }
    .custom-box-instance {
        width: 28%;
    }
    .custom-box-oneFifth {
        width: 20%;
    }
    .custom-box-oneSixth {
        width: 17.5%;
    }
    .custom-box-half {
        width: 48%;
    }
    .custom-box-twoThird {
        width: 66.66666667%;
    }
    .custom-box-threeFourth {
        width: 75%;
    }
    .custom-box-full {
        width: 100%;
    }
    #header {
        height: 60px;
        position: absolute;
        width: 100%;
        z-index: 99;
    }
}

/**** ---- || 992px ====>>>> ****/

/**** Greater than or equal 992px ****/

@media (min-width: 992px) {
    #header {
        height: 60px;
    }
}

/**** ---- || 1200px ====>>>> ****/

/**** Greater than or equal 1200px ****/

@media (min-width: 1200px) {
    #header {
        height: 60px;
    }
}

/**** <<<<==== 767px || ---- ****/

/**** PC width Smaller than or equal 767px ****/

@media screen and (max-width: 767px) {
    #header {
        height: 60px;
    }
}

/**** <<<<==== 480px(LANDSCAPE) || ---- ****/

/**** Device Landscape Smaller than or equal 480px ****/

@media (max-device-width: 480px) and (orientation: landscape) {}

/**** <<<<==== 767px || ---- ****/

/**** Smaller than or equal 767px ****/

@media (max-width: 767px) {
    .custom-box-oneFourth {
        width: 100%;
    }
    .custom-box-oneThird {
        width: 100%;
    }
    .custom-box-half {
        width: 100%;
    }
    .custom-box-twoThird {
        width: 100%;
    }
    .custom-box-threeFourth {
        width: 100%;
    }
    #header {
        height: 214px;
        padding: 0px;
    }
    #header-user {
        margin-right: 0px;
    }
}

@media all and (transform-3d), (-webkit-transform-3d) {}

/**** ---- || 768px ====>>>> ****/

/**** PC width Greater than or equal 768px ****/

@media screen and (min-width: 768px) {
    #header {
        height: 60px;
    }
}

/**** ---- || 768px ====>>>><<<<==== 991px || ---- ****/

/**** Greater than or equal 768px & Smaller than or equal to 991px****/

@media (min-width: 768px) and (max-width: 991px) {
    .card-small-new {
        height: 310px;
    }
    .custom-box-oneFourth {
        width: 100%;
    }
    .custom-box-oneThird {
        width: 100%;
    }
    .custom-box-half {
        width: 100%;
    }
    .custom-box-twoThird {
        width: 100%;
    }
    .custom-box-threeFourth {
        width: 100%;
    }
    /*#header{
		height: 214px;
		padding: 0px;
	}*/
    #header-user {
        margin-right: 0px;
    }
}

/**** ---- || 992px ====>>>><<<<==== 1199px || ---- ****/

/**** Greater than or equal 992px & Smaller than or equal to 1199px****/

@media (min-width: 992px) and (max-width: 1199px) {
    #header {
        height: 60px;
        padding: 0px;
    }
    #header-user {
        margin-right: 0px;
    }
}

/**** Greater than or equal 768px & Smaller than or equal to 1024px****/

@media (min-width: 768px) and (max-width: 1024px) {
    .card-small-new {
        height: 310px;
    }
    .card {
        height: 349px !important;
    }
    /*DINESH*/
    .glyphicon::before {
        font-size: 19px;
    }
    .table {
        font-size: 11px;
    }
    .table span {
        margin-top: 3px;
    }
    /*DINESH*/
}

/***********************************************************/

/***************** @media Queries **************************/

/*DINESH*/

.hlo {
    height: 33px;
    padding-top: 3px;
}

.leftminus {
    padding-left: 0;
}

.set_ht {
    height: auto;
}

.ltr_space {
    letter-spacing: 1px;
}

.form-control-feedback {
    display: block;
    pointer-events: none;
    position: absolute;
    right: 5px;
    text-align: center;
    z-index: 2;
    height: auto;
    width: auto;
    top: 0px;
}

.pad {
    padding: 40px 15px 20px;
}

.grey {
    color: #666666;
    margin-left: 3px;
}

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover {
    color: #000;
}

.box_dsgn {
    border: 1px solid #cdcdcd;
    background: #f9f9f9;
    margin-right: 2%;
    width: 45%;
    padding: 0px;
}

.box_dsgn h5 {
    background: #CDCDCC;
    margin: 0px;
    padding: 10px 18px;
}

.box_dsgn ul {
    padding-left: 0px;
}

.box_dsgn li {
    padding: 8px 0px 5PX;
    border-bottom: 1px solid #cdcdcd;
    margin: 0px 15px;
    cursor: pointer;
}

.box_dsgn li:last-child {
    border-bottom: 0px;
}

.vmdle {
    vertical-align: middle;
    margin-top: -4px;
}

.action_wdth {
    width: 12%;
}

.dstre_wdth {
    width: 6%;
}

.nme {
    width: 188px;
    word-wrap: break-word;
}

#main-left.expand .ht_srt::after {
    height: 42% !important;
}

.nav>li>a:focus {
    background: none;
}

.fc {
    text-transform: capitalize;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-primary:hover {
    background: #4C83C4;
}

.ngdialog.ngdialog-theme-default .ngdialog-button.ngdialog-button-secondary:hover {
    background: #C1C1C1;
}

.clear {
    clear: both;
}

/*DINESH*/

/*DINESH - 27 - oct- 2015*/

.grey_bg {
    padding: 10px 0px;
    border-bottom: 1px solid #EDEDED;
}

/*.grey_bg p a {
	text-decoration:underline;
}
.green{
	color:green;
}
.red{
	color:red;
} */

.text-capitalize {
    text-transform: text-capitalize;
}

.dept_label {
    text-align: right;
}

.tble_in tbody tr:nth-child(odd) {
    background: none !important;
}

.ngdialog.dialogwidth975 .ngdialog-content {
    width: 975px !important;
}

.ngdialog.dialogwidth1000 .ngdialog-content {
    width: 1100px !important;
    height: 550px;
    margin-bottom: 40px;
}

.til .total-info {
    width: 19%;
    float: left;
    background: #fff;
    height: 50px;
}

.til .total-data {
    width: 24%;
}

.til .total-info span {
    line-height: 50px;
}

.til .total-info:hover, .til .total-info:active, .til .total-info:focus {
    box-shadow: 0 5px 13px 0 rgba(119, 119, 119, 0.5);
    cursor: pointer;
}

.white {
    color: #fff;
}

.filebrowse {
    position: relative;
    overflow: hidden;
    margin: 10px;
    left: 16px;
    width: 81%;
}

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

.step_label {
    position: relative;
    top: 95px;
    margin-bottom: 20px;
    color: #000000;
}

.hl {
    color: #000000 !important;
}

.greyy {
    color: #b4b4b4 !important;
}

/* ------------- Johnny ---------------*/

.custom-box-full.fullwidth {
    width: 100%;
}

.profileBox {
    background: #FFFFFF;
    background-color: #FFFFFF;
    border: thin solid #ECECEC;
    box-shadow: 0px 1px 2px #DDDDDD;
    float: left;
}

.paddingBox {
    margin-top: 10px;
    padding: 10px;
}

.profileDownloadBtn {
    padding: 6px 12px;
    min-width: 165px;
    max-width: 165px;
}

.profileBox .content {
    display: table-cell;
    vertical-align: middle;
    height: 52px;
}

.profileBox .content:nth-child(odd) {
    padding-right: 5px;
}

;
.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    background: #FFFFFF;
    border-bottom: 4px solid #A7BE38;
    box-shadow: none !important;
}

.nav-pills>li.active>a, .nav-pills>li.active>a:focus, .nav-pills>li.active>a:hover {
    color: #000;
    background-color: #FFF;
}

.input-group-btn .btn {
    padding: 2px 5px;
}

.dateCmp .inputFld {
    width: 150px;
}

.dropdown-menu .btn {
    padding: 3px 6px;
}

.dropdown-menu>li thead {
    background: #4c83c4;
}

.dropdown-menu>li thead .btn-default:not(.btn-link):not(.btn-flat) {
    color: white;
}

.dropdown-menu>li thead .glyphicon-triangle-left:before {
    content: "k";
    /*font-family: 'Glyphicons Halflings' !important;*/
}

.dropdown-menu>li thead .glyphicon-triangle-right:before {
    content: "o";
}

.dropdown-menu>li table {
    margin-bottom: 5px;
}

.dropdown-menu>li thead .btn-default {
    border-color: transparent !important;
}

.radio.checked label:after, .radio.checked label:before {
    /*border: 1px solid #A7BE38 !important;*/
    background: #A7BE38 !important;
}

.attackList {
    font-size: 12px;
}

.attackWrapper .grey_bg {
    padding: 5px 0px;
}

.profileDetail .custom-box-full {
    float: none;
}

.profileDetail a.btn {
    width: 180px;
    margin-bottom: 5px;
    max-width: 180px;
    display: inline-block;
}

/* .highcharts-button {
    display: none;
} */

.ngdialog.dialogwidth1100 .ngdialog-content {
    width: 1100px !important;
    margin-bottom: 40px;
    overflow-y: auto;
}

.slider-control {
    height: 75px;
    padding-top: 40px;
    padding-left: 10px;
    padding-right: 10px;
}

.slider {
    height: 4px;
    -moz-box-shadow: inset 0px 1px 4px #cccccc;
    -webkit-box-shadow: inset 0px 1px 4px #cccccc;
    box-shadow: inset 0px 1px 4px #cccccc;
}

.slider-handle {
    height: 1em;
    width: 1em;
    border: 1px solid black;
    border-radius: 2px;
    background: #fff;
    cursor: pointer;
}

.slider-handle:hover {
    background: #ddd;
}

.slider-range {
    height: 4px;
    width: 20%;
}

mytooltip {
    position: fixed;
    background: #4C83C4;
    color: #fff;
    border: 1px solid darkblue;
    font-size: 14px;
    width: 300px;
    z-index: 50;
    border-radius: 5px;
    padding: 5px;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #5E8FCA;
}

.grayCircle {
    width: 18px;
    height: 18px;
    border-radius: 999px;
    margin: 3px 2px;
    background-color: #EAEAEA !important;
}

.glyphicon-pull-right {
    position: relative;
    padding-right: 40px;
}

.glyphicon-pull-right .glyphicon {
    position: absolute;
    float: right;
    right: 10px;
    top: -5px;
}

.exportBtn {
    padding: 6px 12px;
    min-width: 165px;
    max-width: 180px;
}

.field-options .fa {
    margin-right: 10px;
}

.noOfRecordCount {
    font-size: 15px;
}

.resetFilter {
    display: inline-block;
    font-size: 15px;
    text-transform: uppercase;
    text-decoration: underline;
    clear: both;
    margin-top: 15px;
}

.attachMitigationPopup .ngdialog-content {
    width: 1100px !important;
    min-height: 550px;
    max-height: 750px;
    margin-bottom: 40px;
}

.attachMitigationPopup .ngdialog-content .popuptable1 {
    height: 300px !important;
    overflow-y: auto;
    overflow-x: auto;
}

.customDate header {
    border-bottom: 1px solid #efefef;
}

.customDate footer {
    padding: 10px 0px;
    border-top: 1px solid #efefef;
    text-align: right;
}

.dateCmp .slider-control {
    padding: 25px;
}

.reset-custom {
    position: absolute;
    margin-top: 5px;
    color: #4C83C4;
}

.reset-custom-global {
    position: absolute;
    margin-top: 5px;
    color: #ffff;
}

.custom-box-oneThird .reset-custom {
    margin-left: 10px;
}

.reset-custom:hover {
    color: #595959;
}

.subObjects span {
    display: block;
}

.graphViewMenu {
    background: #4C83C4;
    color: white;
}

.graphViewFilter {
    background: #4C83C4;
    color: white;
    height: 50px;
}

.graphViewMenu .glyphicon {
    top: 3px;
    cursor: pointer;
}

.graphViewMenu span {
    font-size: 16px;
    font-weight: 400;
    margin-bottom: 0;
    cursor: pointer;
}

.table-controller-box .pagination {
    float: none;
}

.poMitigation {
    position: relative;
}

.poMitigation .glyphicon {
    position: absolute;
    right: -15px;
    float: right;
    top: 25px;
    color: #4C83C4;
    cursor: pointer;
}

.poMitigation .glyphicon:hover {
    color: #CCCCCC;
}

#feedback a {
    transform-origin: left top 0;
    font-family: sans-serif;
    background: #4C83C4;
    width: 100px;
    z-index: 100;
    display: block;
    position: fixed;
    top: 40%;
    right: -100px;
    padding: 3px 5px;
    border: 1px solid #4C83C4;
    border-left-color: #4C83C4;
    border-top-color: #4C83C4;
    text-align: center;
    color: white;
    transform: rotate(90deg);
    transform-origin: left top 0;
    cursor: pointer;
    font-size: 15px;
}

#feedback a:hover {
    background: #030;
    border: 1px solid #030;
}

.modal-header {
    background: #4C83C4;
    color: white
}

.searchBoxAssetManaged {
    display: block;
    float: left;
}

.managedHostingService .custom-box-half, .managedSecurityService .custom-box-half {
    width: 100%;
}

.disbale-manual {
    pointer-events: none;
    opacity: 0.5;
}

/*cron select box - start */

.cron-select-wrap select {
    max-width: 117px;
}

.hour-value, .minute-value {
    max-width: 70px !important;
}

.day-of-month-value {
    max-width: 75px !important;
}

.cron-select-wrap .cron-select {
    border-top: 0px !important;
    border-left: 0px !important;
    border-right: 0px !important;
    box-shadow: 0px !important;
    border-radius: 0px !important;
    -webkit-box-shadow: inset 0 0px 0px rgba(0, 0, 0, 0) !important;
}

/*cron select box - end */

/*File name list*/

.fileName {
    background: #ccc;
    padding: 5px;
    border-radius: 5px;
    margin: 5px 5px 0px 0px;
    display: inline-block;
    position: relative;
    padding-right: 30px;
    color: #000000;
}

.fileName .glyphicon {
    position: absolute;
    right: 0px;
    top: 2px;
    cursor: pointer;
    color: #4C83C4;
}

.question-container {
    position: relative;
}

.question-container .glyphicon {
    position: absolute;
    font-size: x-large;
    top: 5px;
    right: -15px;
}

.file-extn {
    font-size: 11px;
}

.createdTime {
    font-size: 11px;
    display: block;
}

.reportfilename {
    font-size: 15px;
}

.notificationDialog .ngdialog-content {
    width: 800px;
    height: 400px;
}

/*Hide Spinner in Input type Number*/

input::-webkit-outer-spin-button, input::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

.displayEllipsis {
    display: block;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.color-red {
    color: red;
}

.listInfo {
    border-bottom: 1px solid #EDEDED;
    padding-bottom: 5px;
}

/* ITSM CMDB - Nimsoft Monitoring changes */

.ngdialog.dialogheightwidth500900 .ngdialog-content {
    height: 500px !important;
    width: 900px !important;
}

.ngdialog.dialogheightwidth100400 .ngdialog-content {
    height: 200px !important;
    width: 600px !important;
}

.scrollBarMapAsset {
    min-height: 300px;
    overflow-y: auto;
}

.discrepencies .panel-title>a {
    text-transform: none;
}

.imageInfo {
    height: 0px;
    opacity: 0;
    transition: height 3s ease-out;
}

.imgData {
    background: #595959;
    color: #FDFDF9;
    padding: 30px;
}

.imgDataMargin {
    margin-left: 40px;
}

.imageText {
    font-weight: bold;
}

/*Kishore Changes*/

.palette-color-picker {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    box-shadow: 0 0 0 0px #bbb;
    border: 2px solid #fff;
    top: 5px;
    /*border-radius: 10px;*/
}

#header1 {
    /*background-image:url("/izoui/images/3.jpg");*/
    height: 60px;
    margin-bottom: 2px;
    margin-top: 2px;
    background-repeat: no-repeat;
    /*background-position-y: -46px;*/
    /*background-position-x: 150px;*/
    background-size: 100%;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);
    /*background: -webkit-linear-gradient(top, rgba(125,185,232,1) 0%,rgba(41,137,216,1) 34%,rgba(41,137,216,1) 34%,rgba(32,124,202,1) 49%,rgba(30,87,153,1) 100%);    	*/
}

#user-logo {
    font-size: 25px;
    top: 4px;
    position: relative;
    /*filter: brightness(0) invert(1);*/
}

.headerOptions {
    display: inline;
    font-size: 20px;
    color: #4C83C4;
}

.headerOptions i:hover {
    color: #244a77;
}

#username a {
    color: black;
    font-weight: 400;
}

#username {
    display: inline-block;
    border-right: 1px solid #CCCCCC;
}

.notificationBell {
    position: relative;
    top: 3px;
}

.notificationCount {
    position: absolute;
    background: red;
    color: #FFFFFF;
    font-size: 10px;
    padding: 3px;
    font-weight: 700;
    border-radius: 5px;
    top: -10px;
    right: -5px;
}

.logoutLogo {
    position: relative;
    top: 3px;
    font-size: 22px;
}

.notification-red {
    color: red;
}

.notification-orange {
    color: orange;
}

.notification-green {
    color: green;
}

.notificationItem .time {
    color: #c3bfbf;
    font-size: 10px;
}

.notificationItem {
    border-bottom: 1px solid #CCCCCC;
}

.showNotification {
    visibility: visible;
    opacity: 1;
    transition: opacity 1s linear;
}

.hideNotification {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s 1s, opacity 1s linear;
}

.notification-msg {
    position: fixed;
    width: 250px;
    height: 80px;
    background: white;
    border: 2px solid #CCCCCC;
    bottom: 40px;
    left: 50px;
    padding: 5px;
    box-shadow: 3px 3px 3px #ccc;
}

.alertBx {
    width: 340px;
    color: black;
    font-family: "Gotham A", sans-serif;
    font-size: 13px;
    font-weight: 300;
}

.envDetails .detailInfo input {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding-left: 0px;
}

.envDetails .detail .glyphicon-ddos {
    top: 4px;
}

.displayBlock {
    display: block;
}

.dashboard-glyphicon {
    top: 6px;
}

.div-hover:hover {
    color: #4c83c4;
}

.vm-clear-all {
    font-size: 10px;
}

.vm-clear-all:hover {
    text-shadow: 1px 2px 3px #666;
}

.panel_heading_font {
    color: white;
    font-weight: bold;
    font-style: italic;
    position: relative;
    top: -4px;
}

.panel_heading_font:hover {
    color: white;
}

.panel_heading {
    height: 30px;
    padding-right: 2px;
    padding-left: 2px;
}

.heading_glyphicon {
    top: -24px;
    font-weight: bold;
}

.dbpanel_height {
    height: 400px;
}

.modal-megamenu {
    width: 80%;
    height: 80%;
}

.modal-body {
    /*max-height: 500px;*/
    overflow: auto;
}

.modal-header .closeButton {
    font-size: 30px;
    color: white;
    opacity: 1;
}

.noDataAvailable {
    margin-left: 48%;
    font-size: 30px;
    color: red
}

/* End */

/* Color Code - Start */

.bg-red-700 {
    background: #D32F2F;
}

.bg-red-800 {
    background: #C62828;
}

.bg-pink-700 {
    background: #C2185B;
}

.bg-pink-800 {
    background: #AD1457;
}

.bg-pruple-700 {
    background: #7B1FA2;
}

.bg-purple-800 {
    background: #6A1B9A;
}

.bg-indigo-700 {
    background: #303F9F;
}

.bg-indigo-800 {
    background: #283593;
}

.bg-blue-700 {
    background: #1976D2;
}

.bg-blue-800 {
    background: #1565C0;
}

.bg-cyan-700 {
    background: #0097A7;
}

.bg-cyan-800 {
    background: #00838F;
}

.bg-teal-700 {
    background: #00796B;
}

.bg-teal-800 {
    background: #00695C;
}

.bg-green-700 {
    background: #388E3C;
}

.bg-green-800 {
    background: #2E7D32;
}

.bg-lime-700 {
    background: #AFB42B;
}

.bg-lime-800 {
    background: #9E9D24;
}

.bg-orange-700 {
    background: #F57C00;
}

.bg-orange-800 {
    background: #EF6C00;
}

.bg-deep-orange-700 {
    background: #E64A19;
}

.bg-deep-orange-800 {
    background: #D84315;
}

.bg-brown-700 {
    background: #5D4037;
}

.bg-brown-800 {
    background: #4E342E;
}

.bg-blue-gray-700 {
    background: #455A64;
}

.bg-blue-gray-800 {
    background: #37474F;
}

/* Color Code - End */

/*Application Loader*/

.appLoader {
    position: fixed;
    left: 500px;
    top: 200px;
    z-index: 0;
    opacity: 0.3;
}

.cloudLoader {
    left: 300px;
    top: 0px;
    opacity: 0.7;
}

/* End */

/*Customer Details*/

.notification-red {
    color: red;
}

.notification-orange {
    color: orange;
}

.notification-green {
    color: green;
}

.customerInfo {
    cursor: pointer;
}

.customerInfo a {
    padding-right: 100px;
    height: 90px;
    color: #000000;
    position: relative;
    padding-top: 20px;
    padding-left: 10px;
    background: #fff;
    box-shadow: 3px 3px 3px #ccc;
    transition: all 300ms ease;
}

.customerInfo a:hover {
    background: #CCCCCC;
    border-top: 5px solid green;
}

.customerInfo a label {
    display: block;
    font-size: 18px;
    font-weight: 400;
}

.filterOption {
    padding: 8px;
}

.filterOption .fa {
    font-size: 15px;
    cursor: pointer;
}

.customerDetail .customerNameInfo {
    display: inline-block;
    vertical-align: middle;
}

.customerDetail img {
    border-radius: 50%;
    margin-right: 20px;
}

.customerDetail b {
    font-weight: 600;
    font-size: 18px;
}

.customerDetail .customerName {
    position: relative;
}

.customerDetail .customerNameInfo .title {
    font-size: 14px;
}

.customerDetail .customerName .editIcon {
    position: absolute;
    top: 0px;
    right: -25px;
}

.customerDetailContainer .engagementTitle {
    font-size: 18px;
    font-weight: 400;
}

.customerDetailContainer .inActive {
    border-left: 7px solid orange;
    padding-left: 5px !important;
}

.customerDetailContainer .active {
    border-left: 7px solid green;
    padding-left: 5px !important;
}

.customerDetailContainer .engagement {
    background: #fff;
    height: 100px;
    box-shadow: 3px 3px 3px #f6f6f6;
    border-top: 5px solid #FFFFFF;
}

.customerDetailContainer .engagement:hover {
    background: #CCCCCC;
    box-shadow: none;
    border-top: 5px solid green;
}

.customerDetailContainer .engagement .subInfo {
    color: #595959;
}

/* End */

/* Color Code - Start */

.bg-red-700 {
    background: #D32F2F;
}

.bg-red-800 {
    background: #C62828;
}

.bg-pink-700 {
    background: #C2185B;
}

.bg-pink-800 {
    background: #AD1457;
}

.bg-pruple-700 {
    background: #7B1FA2;
}

.bg-purple-800 {
    background: #6A1B9A;
}

.bg-indigo-700 {
    background: #303F9F;
}

.bg-indigo-800 {
    background: #283593;
}

.bg-blue-700 {
    background: #1976D2;
}

.bg-blue-800 {
    background: #1565C0;
}

.bg-cyan-700 {
    background: #0097A7;
}

.bg-cyan-800 {
    background: #00838F;
}

.bg-teal-700 {
    background: #00796B;
}

.bg-teal-800 {
    background: #00695C;
}

.bg-green-700 {
    background: #388E3C;
}

.bg-green-800 {
    background: #2E7D32;
}

.bg-lime-700 {
    background: #AFB42B;
}

.bg-lime-800 {
    background: #9E9D24;
}

.bg-orange-700 {
    background: #F57C00;
}

.bg-orange-800 {
    background: #EF6C00;
}

.bg-deep-orange-700 {
    background: #E64A19;
}

.bg-deep-orange-800 {
    background: #D84315;
}

.bg-brown-700 {
    background: #5D4037;
}

.bg-brown-800 {
    background: #4E342E;
}

.bg-blue-gray-700 {
    background: #455A64;
}

.bg-blue-gray-800 {
    background: #37474F;
}

.color-red-700 {
    color: #D32F2F;
}

.color-red-800 {
    color: #C62828;
}

.color-pink-700 {
    color: #C2185B;
}

.color-pink-800 {
    color: #AD1457;
}

.color-pruple-700 {
    color: #7B1FA2;
}

.color-purple-800 {
    color: #6A1B9A;
}

.color-indigo-700 {
    color: #303F9F;
}

.color-indigo-800 {
    color: #283593;
}

.color-blue-700 {
    color: #1976D2;
}

.color-blue-800 {
    color: #1565C0;
}

.color-cyan-700 {
    color: #0097A7;
}

.color-cyan-800 {
    color: #00838F;
}

.color-teal-700 {
    color: #00796B;
}

.color-teal-800 {
    color: #00695C;
}

.color-green-700 {
    color: #388E3C;
}

.color-green-800 {
    color: #2E7D32;
}

.color-lime-700 {
    color: #AFB42B;
}

.color-lime-800 {
    color: #9E9D24;
}

.color-orange-700 {
    color: #F57C00;
}

.color-orange-800 {
    color: #EF6C00;
}

.color-deep-orange-700 {
    color: #E64A19;
}

.color-deep-orange-800 {
    color: #D84315;
}

.color-brown-700 {
    color: #5D4037;
}

.color-brown-800 {
    color: #4E342E;
}

.color-blue-gray-700 {
    color: #455A64;
}

.color-blue-gray-800 {
    color: #37474F;
}

/* Color Code - End */

/* Department Details */

.deptContainer {
    height: 150px;
}

.managedNw {
    font-size: 12px;
}

.createBu {
    padding: 8px 10px;
    background: #0097A7;
    color: #fff;
    border-radius: 0px;
    box-shadow: 3px 3px 3px #ccc;
}

.createBu:hover {
    box-shadow: none;
    color: #FFFFFF;
}

.deptListContainer .deptList .card {
    box-shadow: 3px 3px 3px #ccc !important;
}

.deptListContainer .deptList .card:hover {
    background: #F7F7F7 !important;
    border-top: 5px solid green;
}

.deptInfo {
    position: relative;
}

.deptInfo .deptEditOptions {
    position: absolute;
    right: 10px;
    top: 15px;
    color: #4C83C4;
}

.deptInfo .deptEditOptions .glyphicon:hover {
    color: #C8C8C8;
}

.deptInfo .title {
    font-size: 14px;
}

.deptInfo .deptName {
    font-size: 20px;
    text-transform: uppercase;
}

.deptTiles .tileInfo {
    color: #fff;
    height: 100px;
    position: relative;
    padding-bottom: 30px;
    pointer-events: none;
}

.deptTiles .clickable {
    pointer-events: all;
    cursor: pointer;
}

.deptTiles .clickable .fa {
    margin-left: 10px;
    font-size: 21px;
    top: 3px;
    display: inline-block;
    position: relative;
}

.deptTiles .tileInfo .small-text {
    position: absolute;
    bottom: 5px;
}

.deptTiles .envTile {
    box-shadow: 5px 5px 2px #f1ac95;
}

.deptTiles .vmTile {
    box-shadow: 5px 5px 2px #d4d680;
}

.deptTiles .lbTile {
    box-shadow: 5px 5px 2px #c9c4f3;
}

.deptTiles .clickable:hover {
    box-shadow: none;
}

.submitBtn {
    padding: 7px;
    background: #4C83C4;
    color: #fff;
    border: 1px solid #4C83C4;
    margin-left: 10px;
}

.userList {
    position: relative;
}

.userList .glyphicon-trash {
    position: absolute;
    top: 30px;
    right: 5px;
    color: #4C83C4;
}

.userList .glyphicon-trash:hover {
    color: #C8C8C8;
}

.userList .userName {
    font-weight: 400;
}

.createVpnUser {
    color: #fff !important;
    background: #4C83C4 !important;
    padding: 5px 20px;
}

.vpnUserTitle {
    font-weight: 500;
    position: relative;
    top: 5px;
    font-size: 20px;
}

.firewallInfo .details {
    font-size: 16px;
    font-weight: 400;
}

.firewallInfo .keyParam {
    font-size: 13px;
    font-weight: 200;
}

.vpnUser {
    position: relative;
}

.vpnUser>div {
    padding-right: 75px;
}

.vpnUser .opt {
    position: absolute;
    top: 15px;
    color: #4C83C4;
}

.vpnUser .deleteOpt {
    right: 45px;
}

.vpnUser .editOpt {
    right: 15px;
}

.vpnUser .opt:hover {
    color: #C8C8C8;
}

/*Environment Details*/

.envDetails .tile {
    padding: 22px !important;
    display: inline-block;
    width: 125px;
    min-height: 100px !important;
    max-height: 100px !important;
    text-align: center;
    margin-right: 25px;
    pointer-events: none;
}

.envDetails .tierTile {
    box-shadow: 5px 5px 2px #f1ac95;
}

.envDetails .zoneTile {
    box-shadow: 5px 5px 2px #d4d680;
}

.envDetails .vmTile {
    box-shadow: 5px 5px 2px #c9c4f3;
}

.envDetails .detailInfo input {
    border-radius: 0px;
    box-shadow: none;
    border: none;
    border-bottom: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding-left: 0px;
}

.envDetails .contentInfo {
    font-size: 14px;
    margin-top: 5px;
}

.envDetails .contentInfo>span {
    margin-bottom: 5px;
}

.envDetails .contentInfo .fa-shield {
    position: relative;
    left: 3px;
}

.envDetails .deployCloudLogo {
    position: relative;
    top: 5px;
    font-size: 28px;
}

.envDetails .zone .options {
    color: #4C83C4;
    position: absolute;
    right: 0px;
    top: 5px;
}

.envDetails .zone .options .glyphicon:hover {
    color: #CCCCCC;
}

.envListContainer .small-text {
    font-size: 13px;
}

.envDetails .deployBtn {
    background: green;
    color: #fff;
    padding: 10px 30px;
    font-weight: bold;
    padding-left: 20px;
    vertical-align: middle;
}

.fotinetFwOptions {
    font-size: 16px;
    color: #4C83C4;
    cursor: pointer;
}

.fotinetFwOptions .disabled {
    pointer-events: none !important;
    opacity: 0.5;
}

.fotinetFwOptions .glyphicon-floppy-disk {
    border: none;
    background: none;
    padding: 0px;
}

.createVolumeBtn {
    padding: 8px 20px;
}

.launchVm {
    padding: 10px 2px;
    font-size: 18px;
    border-radius: 50px;
    background: #CCCCCC;
    color: #fff !important;
    box-shadow: 2px 2px 2px #b7b7b7;
}

.launchVm span {
    display: inline-block;
    max-width: 0;
    -webkit-transition: max-width 0.5s;
    transition: max-width 0.5s;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    top: 5px;
}

.launchVm:hover {
    background: #77CC77;
    box-shadow: none;
    padding: 10px;
}

.launchVm:hover span {
    max-width: 100px;
}

.launchVm:hover .fa {
    left: -7px !important;
    color: #8e8989;
}

.launchVm .fa {
    padding: 8px;
    background: #fff;
    border-radius: 50%;
    color: #4C83C4;
    position: relative;
    left: 3px;
}

.launchVm-clearAll {
    text-shadow: 1px 0px 1px #ededed;
}

.breadcrumbContainer {
    position: relative;
    padding-right: 40px;
}

.breadcrumbContainer .fa-question-circle {
    position: absolute;
    right: 20px;
    top: 5px;
    font-size: 25px;
    cursor: pointer;
}

/*Tour*/

.tour-tour .btn {
    padding: 8px 10px;
    margin-right: 0px;
    border-radius: 0px;
}

.tour-tour .btn-group {
    margin-right: 30px;
}

.tour-tour button[data-role="end"] {
    background-color: #4C83C4 !important;
    color: #fff !important;
}

.tour-tour button[data-role="end"]:hover {
    background-color: #FFFFFF !important;
    border: 1px solid #4C83C4 !important;
    color: #4C83C4 !important;
}

.tour-tour .popover-title {
    background: #CCCCCC;
}

.tour-backdrop {
    background: #4c4c4c;
}

.displayBlock {
    display: block;
}

.card {
    box-shadow: 3px 3px 3px #ccc;
}

.card:hover {
    background: #F7F7F7 !important;
    border-top: 5px solid green;
}

.sample-show-hide {
    transition: all linear 0.2s;
}

.sample-show-hide.ng-hide {
    opacity: 0;
}

a.md-button.md-default-theme.md-primary.md-raised, a.md-button.md-primary.md-raised, .md-button.md-default-theme.md-primary.md-raised, .md-button.md-primary.md-raised {
    color: #fff;
}

/* Enagagement Details*/

.engDetails .tile {
    padding: 22px 10px !important;
    display: inline-block;
    min-height: 100px !important;
    max-height: 100px !important;
    text-align: center;
    margin-right: 25px;
}

.engDetails .tierTile {
    box-shadow: 5px 5px 2px #f1ac95;
}

.engDetails .endPointList {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
}

.engDetails .endPointList .btn {
    padding: 8px 20px;
}

/*Launch VM*/

.filterContainer .content {
    font-size: 11px;
    border: 1px solid #CCCCCC;
    padding: 0px 10px;
}

.filterContainer md-checkbox {
    margin-bottom: 8px;
}

.filterContainer md-checkbox .md-icon {
    width: 15px;
    height: 15px;
    top: 0px;
    border-color: rgba(107, 105, 105, 0.54) !important;
    border-width: 1.5px;
    border-radius: 0px;
}

.filterContainer md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #4C83C4;
}

.filterContainer md-checkbox .md-label {
    margin-left: 22px;
}

.filterContainer md-checkbox .md-container {
    top: 48%;
}

.filterContainer md-checkbox.md-checked .md-icon:after {
    box-sizing: border-box;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    position: absolute;
    left: 3.66667px;
    top: 0.22222px;
    display: table;
    width: 4.66667px;
    height: 11.33333px;
    border-width: 2px;
    border-style: solid;
    border-top: 0;
    border-left: 0;
    content: "";
}

.filterContainer .sectionDivider {
    border-bottom: 1px solid #e4e3e3;
}

.listContainer {
    font-size: 12px;
    transition: all 300ms ease;
}

.listContainer small {
    font-size: 80%;
}

.listContainer>div {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.listContainer md-content {
    background: none;
}

.listContainer .vmInstance {
    border-left: 4px solid #fff;
    border-color: #FFFFFF;
    transition: all 500ms ease;
}

.listContainer .activeList {
    background: #f5f5f5 !important;
    border-left: 4px solid green;
}

.listContainer .vmInstance:hover {
    background: rgba(234, 234, 234, 0.18) !important;
    border-left: 4px solid green;
}

.listContainer .activeList:hover {
    background: rgba(234, 234, 234, 0.18) !important;
}

.pointerEventsNone {
    pointer-events: none;
}

.listContainer md-input-container {
    margin: 10px 0px 0px 0px;
}

.listContainer .cron-select-wrap .cron-select {
    background: none;
}

.createMgmtNW {
    padding: 8px 10px;
}

.select2-result-label .fa-stack {
    width: 1em;
}

.disable-div {
    opacity: 0.7;
    pointer-events: none;
}

.changeColor {
    background: #0097A7;
    color: white !important;
    border-color: none !important;
}

md-progress-circular {
    margin: 10px;
}

.ngdialog.dialogwidthPacker770 .ngdialog-content {
    width: 800px !important;
}

.os-logo {
    background-image: url(../../images/logo-sprite.png);
    width: 32px;
    height: 32px !important;
}

.win-logo {
    background-position: 0px -32px;
}

.linux-logo {
    background-position: 0px 0px;
}

.unknown-logo {
    background-position: 0px -64px;
}

.ansible-logo {
    background-position: 0px -93px;
}

.apache-logo {
    background-position: 0px -125px;
}

.jenkins-logo {
    background-position: 0px -367px;
}

.mysql-logo {
    background-position: 0px -335px;
}

.perl-logo {
    background-position: 0px -304px;
}

.php-logo {
    background-position: 0px -275px;
}

.puppet-logo {
    background-position: 0px -243px;
}

.python-logo {
    background-position: 0px -213px;
}

.rabbitmq-logo {
    background-position: 0px -183px;
}

.ruby-logo {
    background-position: 0px -154px;
}

.graphContainer {
    height: 300px;
}

.posistionRelative {
    position: relative
}

.graphDuration {
    position: absolute;
    top: 50px;
    left: 30px;
}

.controlPanel .ddosGraphOption {
    top: -45px;
}

.ddosDashboard .alertBySize {
    padding-top: 30px !important;
    ;
}

/* .ddosDashboard .topAlerts{
	padding-top: 30px  !important;;
} */

.topAlertListContainer {
    height: 280px;
    overflow-y: auto;
}

.controlPanel .alertSummaryContainer {
    position: absolute;
    top: 20px;
    height: 300px;
    overflow-y: auto;
}

.alertSummaryContainer {
    height: 300px;
    overflow-y: auto;
}

/* .ddosDashboard .alertSummaryContainer {
	position: absolute;
	top: 41px;
	height: 300px;
	overflow-y: auto;
} */

.graphDurationForSummary {
    position: absolute;
    right: -40px;
}

.controlPanel .ddosGraphOption {
    top: -31px;
}

.widgetPanel {
    padding-right: 20px;
    position: relative;
}

.maximizeIconCtrlPanel {
    right: 3px;
    top: 5px;
    position: absolute;
    font-size: 20px;
    margin-right: 5px;
    cursor: pointer;
}

.dragIconCttrlPanel {
    cursor: move;
}

.rearrangeBtn {
    padding: 8px 20px;
    background: #4C83C4;
    color: #FFFFFF;
}

.rearrange-container {
    position: fixed;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(110, 110, 110, 0.8);
    z-index: 1000;
    padding: 100px 300px;
}

.widgetRearrange {
    width: 200px;
    height: 135px;
    display: inline-block;
    background: #EFEFEF;
    border: 1px solid #CCCCCC;
    margin: 10px;
    padding: 25px;
    cursor: move;
    vertical-align: top;
}

.rearrange-container b {
    font-weight: 700;
}

.rearrange-container .options {
    position: absolute;
    top: 0px;
    right: 75px;
    font-size: 50px;
    color: #fff;
}

.controlPanel {
    position: relative;
}

.controlPanel .customizeGear {
    font-size: 25px;
    color: #fff;
    right: 0px;
    position: absolute;
    top: -37px;
}

.vr {
    padding: 10px;
    color: #fff;
    background: #8b8bf3;
    font-size: 25px;
    border-radius: 50%;
    position: fixed;
    bottom: 10px;
    left: 10px;
}

.showMenuIcon {
    display: none;
    position: absolute;
    left: 10px;
    top: 7px;
}

.showInMobile {
    display: none;
}

.icsStorage {
    position: relative;
    padding-right: 150px;
}

.icsStorage .containerCount {
    position: absolute;
    right: 20px;
    top: 20px;
}

.panelTitle small {
    font-size: 88% !important;
    font-weight: 100 !important;
}

.loader {
    position: absolute;
    left: 30%;
    top: 25%;
}

.loader #fill {
    stroke-dasharray: 300;
    stroke-width: 10;
    fill-opacity: 0;
    fill: transparent;
    animation: dash 5s ease-in-out infinite;
    animation-delay: 0s;
    transform-origin: center center;
    stroke-linecap: round;
}

.loader #border {
    stroke-dasharray: 300;
    stroke-width: 10;
    fill-opacity: 0;
    fill: transparent;
}

.loader svg {
    width: 600px;
    height: 300px;
    display: block;
    margin: 0 auto;
    margin-bottom: 40px;
    opacity: 0.5;
    position: relative;
}

.loader img {
    position: absolute;
    top: 35px;
    left: 185px;
    width: 200px;
    opacity: 0.6;
}

@keyframes dash {
    0% {
        stroke-dashoffset: 300;
        fill-opacity: 0;
    }
    75% {
        fill-opacity: 0
    }
    100% {
        stroke-dashoffset: 0;
        fill-opacity: 1;
        transform: rotate(0deg);
    }
}

.ticketPriority {
    position: relative;
    top: -2px;
}

.ticketHigh {
    color: #FF6452;
}

.ticketMedium {
    color: #FBA81E;
}

.engagement-details {
    transition: all 300ms ease;
}

.engagement-details .availableInfo .progress-wrapper {
    display: inline-block;
    margin: 10px 18px;
    position: relative;
}

.engagement-details .availableInfo .progress-wrapper .countInfo {
    display: inline-block;
    position: absolute;
    top: 50px;
    width: 100%;
    text-align: center;
    z-index: 2;
}

.availableInfo .progress {
    width: 150px;
    display: inline-block;
    position: relative;
    overflow: visible;
}

.availableInfo .progress .info {
    position: absolute;
    top: 25px;
    width: 100%;
    text-align: center;
    font-size: 10px;
}

.margin-l-45 {
    margin-left: 45px !important
}

.margin-l-50 {
    margin-left: 50px !important
}

.progress-bar {
    background: rgb(69, 204, 206);
    color: #525151;
}

.overProvisioned {
    background: #FF6452;
}

.engagement-details .endpointName {
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #ccc;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 50px;
    background: #e6e6e6;
    cursor: pointer;
    box-shadow: 3px 3px 3px #dcdcdc;
}

.engagement-details .endpointName:hover {
    box-shadow: none;
}

.engagement-details .selectedEndpoint {
    /* commented for spotlight ui */
    /* background: #00796B; */
    color: #fff;
}

.engagement-details .newCof {
    color: #4C83C4;
    cursor: pointer;
}

.engagement-details fieldset.scheduler-border {
    border: 1px solid #ccc !important;
    padding: 0 1.4em 1.4em 1.4em !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px 0px #ccc;
}

.engagement-details legend.scheduler-border {
    font-size: 1.2em !important;
    text-align: left !important;
    color: #fff;
    font-weight: 500 !important;
    width: auto;
    padding: 2px 15px;
    border-bottom: none;
}

.approvalRequired md-radio-button {
    display: inline-block;
    margin-left: 20px;
}

.engagement-details .subscriptionDetailsWrapper {
    position: relative;
}

.engagement-details .nextIcon .fa {
    padding: 6px 10px;
    left: 2px;
}

.engagement-details .nextIcon {
    background: #4C83C4;
    color: #FFFFFF;
    cursor: pointer;
    padding: 5px 5px 5px 10px;
    font-size: 16px;
    box-shadow: 2px 2px 2px #83898a;
}

.engagement-details .nextIcon:hover {
    box-shadow: none;
}

.confirmationMsg .msg {
    font-size: 16px;
}

.engagement-details .confirmationMsg {
    display: none;
    position: absolute;
    top: 40%;
    left: 40%;
}

.engagement-details .hideSubscriptionDetails {
    opacity: 0.1;
    pointer-events: none;
}

.engagement-details .auditTrial {
    margin-left: 40%;
}

.engagement-details .auditList {
    border-left: 2px solid #CCCCCC;
}

.engagement-details .auditList>span {
    position: relative;
    margin-bottom: 75px;
}

.engagement-details .auditList>span:last-child {
    margin-bottom: 25px;
}

.engagement-details .auditList span>small {
    font-style: italic;
    margin-left: 15px;
    position: absolute;
}

.engagement-details .auditList .fa {
    position: absolute;
    left: -10px;
    top: -1px;
    font-size: 20px;
}

.engagement-details .endPointInformation .endpoint {
    border: 1px solid #CCCCCC;
    box-shadow: 3px 3px 3px #cccccc;
    transition: all 300ms ease;
}

.engagement-details .endPointInformation .endpoint:hover {
    background: #f7f7f7 !important;
    border-top: 5px solid;
}

.engagement-details .endPointInformation .endpoint h4 {
    margin-bottom: 2px;
}

.engagement-details .endPointInformation .endpoint .header {
    border-bottom: 1px solid #CCCCCC;
    position: relative;
}

.engagement-details .endPointInformation .endpoint .header .progress-wrapper {
    position: absolute;
    top: -5px;
    right: 10px;
}

.engagement-details .endPointInformation .endpoint .header .countInfo {
    position: absolute;
    right: 18px;
    top: 8px;
    font-size: 10px;
}

.engagement-details .endPointInformation .endpoint .header .completeness {
    position: absolute;
    left: 10px;
    top: 5px;
}

.content .count {
    position: relative;
}

.content label {
    font-weight: 400;
}

.content .count .fa {
    position: absolute;
    left: -25px;
    top: 1px;
}

.engagement-details .endPointInformation .endpoint .fa-angle-double-right {
    display: none;
    font-weight: bold;
    font-size: 14px;
}

.engagement-details .endPointInformation .endpoint a {
    color: #525354;
}

.engagement-details .endPointInformation .endpoint a:hover .fa-angle-double-right {
    display: inline-block;
}

.engagement-details .endPointInformation .endpoint .footer {
    border-top: 1px solid #CCCCCC;
    cursor: pointer;
    position: relative;
    background: #CCCCCC;
}

.engagement-details .endPointInformation .endpoint .footer label {
    cursor: pointer;
}

.engagement-details .endPointInformation .endpoint .footer .fa-angle-double-down {
    position: absolute;
    top: 26px;
}

.endPointConfigWrapper {
    padding: 0px;
    padding-top: 72px;
    /*border: 1px solid #CCCCCC;*/
    box-shadow: 1px 1px 1px 1px #cccccc;
}

/* .configTabs {
	position: absolute;
	top: 0px;
	border-bottom: 1px solid #CCCCCC;
}

.configTabs .tabIcons {
	font-size: 20px;
	text-align: center;
	width: 16%;
	color: #4C83C4;
	opacity: 0.5;
	cursor: pointer;
	padding: 10px 0px;
	position: relative;
	z-index: 2;
	vertical-align: super;
}

.configTabs .tabIcons small {
	font-size: 16px;
	margin-top: 5px;
	display: inline-block;
	margin-left: 5px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.configTabs .tabIcons:hover {
	opacity: 1;
}

.configTabs .activeTab {
	opacity: 1;
} */

/* .configTabs:after {
	content: '';
	width: 16%;
	height: 100%;
	background: #f1f9f5;
	position: absolute;
	transition: .5s;
} */

.endpointListContainer .warning-alert-ep {
    position: absolute;
    left: 20px;
    top: 18px;
    color: yellow;
}

/*With Firewall Tab*/

.fa-shield.activeTab~.configTabs:after {
    left: 0%;
}

.fa-database.activeTab~.configTabs:after {
    left: 16%;
}

.fa-microchip.activeTab~.configTabs:after {
    left: 33%;
}

.fa-picture-o.activeTab~.configTabs:after {
    left: 49%;
}

.fa-random.activeTab~.configTabs:after {
    left: 65%;
}

.fa-users.activeTab~.configTabs:after {
    left: 81%;
}

.fa-sitemap.activeTab~.configTabs:after {
    left: 81%;
}

/* Without Firewall*/

.firewallNotEnabled.fa-database.activeTab~.configTabs:after {
    left: 0%;
}

.firewallNotEnabled.fa-microchip.activeTab~.configTabs:after {
    left: 16%;
}

.firewallNotEnabled.fa-picture-o.activeTab~.configTabs:after {
    left: 33%;
}

.firewallNotEnabled.fa-random.activeTab~.configTabs:after {
    left: 49%;
}

.firewallNotEnabled.fa-users.activeTab~.configTabs:after {
    left: 65%;
}

/* Without Flavor*/

.flavorNotEnabled.fa-database.activeTab~.configTabs:after {
    left: 0%;
}

.flavorNotEnabled.fa-microchip.activeTab~.configTabs:after {
    left: 16%;
}

.flavorNotEnabled.fa-picture-o.activeTab~.configTabs:after {
    left: 16%;
}

.flavorNotEnabled.fa-random.activeTab~.configTabs:after {
    left: 33%;
}

.flavorNotEnabled.fa-shield.activeTab~.configTabs:after {
    left: 49%;
}

/*Without LB*/

.lbNotEnabled.fa-users.activeTab~.configTabs:after {
    left: 65%;
}

.firewallNotEnabled.lbNotEnabled.fa-users.activeTab~.configTabs:after {
    left: 49%;
}

/* SIGS Eng Tab */

.glyphicon-ddos.activeTab~.configTabs:after {
    left: 0%;
}

.fa-tag.activeTab~.configTabs:after {
    left: 16.5%;
}

.fa-arrows-alt.activeTab~.configTabs:after {
    left: 33%;
}

.fa-free-code-camp.activeTab~.configTabs:after {
    left: 49.5%;
}

.engagement-details .tabWrapper {
    box-shadow: 2px 2px 2px 2px #ccc;
}

.engagement-details .configTabs .glyphicon:before {
    top: 4px;
    position: relative;
    left: 5px;
}

.subscriptionDetailsWrapper .suffix {
    position: absolute;
    right: 15px;
    top: 15px;
    color: #7d7d7d;
}

.engagement-details md-select.md-default-theme .md-select-value.md-select-placeholder, .engagement-details md-select .md-select-value.md-select-placeholder {
    font-weight: 700;
}

.endpointConfiguration .endpointNameList {
    cursor: pointer;
    padding-bottom: 5px !important;
    position: relative;
    margin-bottom: 5px;
    width: 90%;
    border: 1px solid #EAEAEA;
}

.lbConfig md-radio-button {
    display: inline-block;
    margin-left: 10px;
}

.lbConfig md-radio-group {
    display: inline-block;
}

.vdiskTypeTitle {
    display: inline-block;
}

.endpointConfiguration .endpointNameList:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 100%;
    top: 0;
    border: 25px solid transparent;
    border-left: 25px;
}

.activeEndpoint {
    background: #0097A7 !important;
    color: #FFFFFF;
}

.activeEndpoint:after {
    border-left: 20px solid #0097A7 !important;
}

.endpointConfiguration .endpointNameList:hover {
    background: #0097A7;
    color: #FFFFFF;
}

.endpointConfiguration .endpointNameList:hover:after {
    border-left: 20px solid #0097A7;
}

.endpointConfiguration .endpointNameList label {
    margin-bottom: 0px;
}

/* .endPointConfigWrapper {
	background: #f1f9f5;
} */

.endpointConfiguration .firewallList {
    padding: 5px;
    border: 1px solid #ebebeb;
    margin-bottom: 10px;
    padding-bottom: 7px;
    font-size: 15px;
    transition: all 300ms ease;
    padding-left: 20px;
    position: relative;
    background: #FFFFFF;
}

.endpointConfiguration .firewallList:hover {
    border-left: 5px solid #00695C;
}

.avilFirewall {
    padding-right: 30px !important;
    border: 1px solid #ebebeb;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
}

.avilFirewall:hover:after {
    background: #f7f7f7;
}

.avilFirewall:hover .addFirewall {
    color: #4C83C4;
}

.avilFirewall:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 30px;
    right: 0px;
    top: 0px;
    background: #CCCCCC;
}

.addFirewall {
    position: absolute;
    right: 7px;
    top: 14px;
    font-size: 20px;
    z-index: 2;
}

.departmentListWrapper .department {
    padding-right: 30px !important;
    border: 1px solid #ebebeb;
    cursor: pointer;
    position: relative;
    background: #FFFFFF;
    height: 60px;
}

.department:hover:after {
    background: #f7f7f7;
}

.department:hover .addDepartment {
    color: #4C83C4;
}

.department:after {
    position: absolute;
    content: '';
    height: 100%;
    width: 30px;
    right: 0px;
    top: 0px;
    background: #CCCCCC;
}

.addDepartment {
    position: absolute;
    right: 7px;
    top: 20px;
    font-size: 20px;
    z-index: 2;
}

.departmentListWrapper .endpointNameList {
    border: 1px solid #f1eded;
    box-shadow: 1px 1px 1px #ccc;
}

.expandFirewall {
    position: absolute;
    left: 10px;
    top: 15px;
    cursor: pointer;
    color: #4C83C4;
    font-size: 20px;
}

.endpointConfiguration .firewallList button {
    padding: 5px 10px;
    border: 1px solid #0097A7;
    color: #595959;
    margin-left: 20px;
    border-radius: 0px;
    background: transparent;
    box-shadow: 2px 2px 2px #ccc;
    margin-top: 4px;
}

.endpointConfiguration .firewallList button:hover {
    box-shadow: none;
}

.endpointConfiguration .firewallList small {
    display: block;
    font-size: 80%;
}

.firewallName small {
    position: absolute;
    font-weight: 100;
}

.hypervisorContainer {
    margin-bottom: 50px;
}

.addUsers ul {
    list-style-type: none;
    padding: 10px;
    border: 1px solid #eceaea;
    background: #FFFFFF;
    height: 350px;
}

.addUsers ul .container-height {
    height: 280px;
    overflow-y: auto;
    padding-right: 2px;
}

.addUsers ul li {
    padding: 5px;
    border: 1px solid #eae8e8;
    margin-bottom: 5px;
    cursor: move;
}

.endpointConfiguration md-input-container>md-select {
    margin-bottom: 26px;
}

.engagement-details .conInfolink a {
    font-size: 14px;
}

.conInfolink .table>tbody>tr>td, .conInfolink .table>tbody>tr>th, .conInfolink .table>tfoot>tr>td, .conInfolink .table>tfoot>tr>th, .conInfolink .table>thead>tr>td, .table>thead>tr>th {
    padding-top: 3px;
    padding-bottom: 3px;
}

.addUsers ul li.selectedUser {
    border-left: 4px solid #003300
}

.tabContainer {
    border: 1px solid #e8e8e8;
}

.hypervisorName {
    padding: 7px 15px;
    border-radius: 45px;
    cursor: pointer;
    background: #FFFFFF;
    box-shadow: 3px 3px 3px #dcdcdc;
    display: inline-block;
    margin-right: 10px;
    border: 1px solid #e8e8e8;
}

.hypervisorName:hover {
    box-shadow: none;
}

.otherOptions md-checkbox .md-icon {
    width: 15px;
    height: 15px;
}

.otherOptions md-checkbox .md-icon:after {
    left: 3.5px;
    top: 1.22222px;
    width: 3.66667px;
    height: 10.33333px;
}

.otherOptions .imageFilter {
    font-size: 18px;
}

.imageFilter .fa {
    top: -2px;
    position: relative;
    left: -5px;
}

.imageFilter md-radio-button {
    display: inline-block;
    margin-right: 10px;
}

.otherOptions .title {
    font-size: 13px;
}

.otherOptions .ui-select-container {
    border: none;
    border-bottom: 1px solid #CCCCCC;
    box-shadow: none;
    background: transparent !important;
    border-radius: 0px;
}

.otherOptions .ui-select-container .btn {
    padding: 5px 8px;
}

.otherOptions .ui-select-container .close {
    top: 2px;
    position: relative;
}

.otherOptions .title a {
    font-size: 12px;
    font-weight: 200;
}

.newCOFText {
    font-size: 50%;
    padding: 5px;
    position: relative;
    top: -4px;
    color: orange;
}

.newCOFText i {
    font-size: 25px;
    position: relative;
    top: 4px;
}

.flavorActions {
    font-size: 20px;
    color: #0097A7;
    cursor: pointer;
}

.dataStore {
    height: auto !important;
}

.dataStore small {
    font-size: 75%;
}

.addFlavorLegend {
    background: #0097A7;
}

.deviceListTitle {
    margin-top: 15px;
    padding-bottom: 5px;
    font-size: 20px;
    font-weight: 400;
    border-bottom: 1px solid #E5E5E5;
    width: 100%;
    padding-left: 15px;
}

fieldset.tabCont, fieldset.tabCont {
    background: #FFFFFF;
}

.firewallList .options {
    font-size: 25px;
}

.tabWrapper .options>div {
    display: inline-block;
}

.noTransform {
    text-transform: none;
}

.editRowText {
    border: none;
    background: transparent;
    border-bottom: 1px solid #ccc;
    width: 60%;
}

.editContainer {
    position: relative;
}

.editContainer small {
    position: absolute;
    left: 20px;
    top: 25px;
    font-size: 10px;
    width: 100%;
}

.editDatastore {
    color: #4C83C4;
    font-size: 16px;
    top: 3px;
    position: relative;
}

.assetDialog .assetInfo {
    padding-left: 50px;
    position: relative;
}

.assetDialog .assetInfo .os-logo {
    position: absolute;
    left: 5px;
    top: 15px;
    display: inline-block;
}

.assetInfo .createdTime {
    font-size: 10px;
}

.assetDialog, .dsAssets {
    top: -50px !important;
}

.assetDialog .ngdialog-content {
    padding: 0px !important;
}

.assetDialog .searchContainer {
    padding: 10px 15px;
}

.assetDialog .ngdialog-content .assetsContainer, .dsAssets .assetsContainer {
    padding: 10px;
    max-height: 400px;
    overflow-y: auto;
}

.departmentListWrapper {
    border: 1px solid #CCCCCC;
}

.cursorHelp {
    cursor: help;
}

.displayInlineBlock {
    display: inline-block;
}

.subtabs {
    background: #454545;
    color: #FFFFFF;
}

.subtabs label {
    padding: 0px 15px;
    margin-right: 25px;
    margin-bottom: 0px;
    cursor: pointer;
}

.subtabs label:hover {
    padding: 5px 15px !important;
    background: #007785;
}

.activeSubTab {
    background: #007785;
    padding: 5px 15px !important;
}

.fwscheckbox {
    position: relative;
    top: 3px;
}

.fwCategory {
    position: relative;
}

.fwCategory i {
    position: absolute;
    right: -30px;
    top: 27px;
    font-size: 25px;
    color: #4C83C4;
    cursor: pointer;
}

@media screen and (max-width: 440px) {
    .showMenuIcon {
        display: inline;
    }
    .loader {
        left: -30%;
    }
    .breadcrumbContainer {
        padding-left: 40px;
        position: relative;
    }
    #main-right {
        display: block !important;
    }
    .main-left {
        display: none !important;
    }
    .main-left.expand {
        display: block !important;
        position: absolute !important;
        height: auto !important;
        z-index: 1000;
        transition: width 0.5s linear;
    }
    #header-partner-logo img {
        width: auto !important;
    }
    #header-user {
        margin-top: 0px !important
    }
    #header-customer {
        display: none;
    }
    .logo {
        padding: 8px 50px;
    }
    #content div[class^="custom-box-"] {
        width: 100%;
    }
    #feedback {
        display: none;
    }
    .customizeGear {
        display: none;
    }
    .showInMobile {
        display: inline-block;
    }
    .hideInMobile {
        display: none;
    }
    .userInfoForMobile {
        padding-top: 7px;
        padding-left: 10px;
        font-size: 15px;
        color: #fff;
    }
    .userInfoForMobile .fa-user-circle {
        margin-right: 5px;
    }
    .logoutForMobile {
        padding: 5px 22px;
        color: #fff;
        margin-bottom: 10px;
    }
    .engListOption {
        padding: 5px 0px 15px !important;
    }
    .engListOption .ui-select-container {
        width: 100%;
    }
    .engListOption .ui-select-container, .engListOption .ui-select-container ul, .engListOption .ui-select-container li {
        list-style-type: disc !important;
        float: none !important;
    }
    .engListOption .ui-select-container li {
        color: #4C83C4 !important;
    }
    .engListOption .ui-select-container li.select2-highlighted {
        color: #FFFFFF !important;
    }
    .engListOption .ui-select-choices-row-inner {
        position: relative !important;
        font-size: 12px;
    }
    .controlPanel .tile {
        min-height: 120px !important;
        height: 120px !important;
    }
    .itsmDashboard .tile, .ddosDashboard .tile, .ipcDashboard .tile {
        height: 120px;
        min-height: 120px;
    }
    .tileWrapper {
        width: 50% !important;
    }
    .maximizeIconCtrlPanel {
        display: none;
    }
    .addBtnWrapper {
        display: block !important;
        padding: 0px 5px;
    }
    .addBtnWrapper .addBtn {
        padding: 10px;
        width: 100%;
        color: #FFFFFF;
        cursor: pointer;
        text-align: center;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    #footer {
        padding: 0px;
        text-align: center;
    }
    #footer>div {
        line-height: normal;
    }
    #footer-copyright {
        padding: 0px;
    }
    #footer-links {
        padding: 0px;
        text-align: center;
    }
    .nav-tabs>li {
        margin-bottom: 5px;
        width: 100% !important;
        border: 1px solid #CCCCCC;
    }
    .addUserWrapper>div {
        width: 100%;
    }
    .graphOptions {
        float: right;
    }
    .controlPanel .ddosGraphOption {
        top: -35px;
    }
    .envDetails .tile {
        width: 85px;
        margin-right: 10px;
        min-height: 80px !important;
        max-height: 80px !important;
    }
    .envInfo {
        padding: 10px 0px !important;
    }
    .deptTiles>div {
        padding-left: 0px;
    }
    .vpnBtn {
        padding: 0px 15px;
    }
    .vpnBtn button {
        width: 100%;
        margin-top: 15px;
    }
    .envTicketList {
        width: 100%;
    }
    .ticket {
        padding: 5px 25px 5px 5px;
        border-bottom: 1px solid #CCCCCC;
        position: relative;
    }
    .ticket h4, .ticket h5 {
        display: inline-block;
        margin: 0px;
        font-weight: 400;
    }
    .ticket .navDesc {
        position: absolute;
        color: #4C83C4;
        font-size: 22px;
        top: 15px;
        right: 10px;
    }
    .zoneForm {
        padding-left: 0px;
        padding-right: 0px;
        margin-top: 10px;
    }
    .btnPosEditZone {
        margin-left: 250px;
    }
    .btnPosAddZone {
        margin-left: 300px;
    }
    .headingPos {
        margin-left: 120px;
    }
    .radioContainer {
        width: 500px;
        height: 40px;
        margin-bottom: 0px;
    }
    .radioContainer md-radio-button {
        display: flex;
    }
}

.fixedHeightScroll-200 {
    /* max-height: 335px;
    overflow-y: auto;
	min-height: 30px !important; */
    max-height: 335px;
    overflow-y: auto;
    display: inline-block;
    min-height: 30px !important;
}

.centerSpin {
    position: absolute;
    top: 50%;
    left: 50%;
}

.successBlock {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    padding: 6px;
    border-radius: 3px;
}

.errorBlock {
    background-color: #ffe6e6;
    padding: 6px;
    border: 1px solid #f5a6a6;
    border-radius: 3px;
}

.headerBorder {
    border-bottom: 1px solid #EEE;
}

.headerBorderFont {
    font-size: 16px;
}

.panelboxHeader {
    height: 25px;
    background-color: #0097A7;
    color: white;
    font-weight: 500;
    padding: 3px;
}

.depLabel {
    padding: 5px;
    font-size: 13px;
    /*background-color: rgba(211, 211, 211, 0.4);*/
    /*height: 35px;*/
    font-weight: 500;
    /*color: #00695C;*/
}

.depInput {
    height: 35px;
    width: 100%;
}

.search {
    width: 270px;
    box-sizing: border-box;
    border: 2px solid #ccc;
    border-radius: 4px;
    font-size: 16px;
    background-color: white;
    background-image: url(../../images/searchicon.png);
    background-position: 10px 6px;
    background-repeat: no-repeat;
    padding: 12px 20px 12px 40px;
    -webkit-transition: width 0.4s ease-in-out;
    transition: width 0.4s ease-in-out;
}

.search:focus {
    width: 98%;
}

.float {
    color: #FBA81E;
    width: 20px;
    height: 20px;
    bottom: 20px;
    right: 20px;
    color: #FFF;
    border-radius: 50px;
    text-align: center;
    /* box-shadow: 2px 2px 2px #999; */
    display: inline-block
}

.my-float {
    font-size: 10px;
    margin-top: 5px;
}

a.float+div.label-container {
    visibility: hidden;
    opacity: 0;
    transition: visibility 0s, opacity 0.5s ease;
}

a.float:hover+div.label-container {
    visibility: visible;
    opacity: 1;
}

.attackSign i {
    font-size: 50px;
    top: -8px;
    position: relative;
}

.attackSign span {
    position: relative;
    top: -20px;
    font-size: 16px;
}

.wafContainer select {
    border: 1px solid #CCCCCC;
    padding: 5px;
}

.wafContent {
    position: relative;
}

.wafContent .tabs {
    border-bottom: 1px solid #e7e7e7;
}

.wafContent .tabs .tabIcons {
    font-size: 20px;
    text-align: center;
    width: 19.7%;
    color: #4C83C4;
    opacity: 0.5;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    vertical-align: super;
}

.wafContent .tabs .tabIcons small {
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.wafContent .tabs .tabIcons:hover {
    opacity: 1;
}

.wafContent .tabs .activeTab {
    opacity: 1;
    background: #f1f9f5;
}

.wafContent .tabs .glyphicon {
    top: 0px;
}

.wafContent .tabs .glyphicon:before {
    position: relative;
    top: 4px;
}

.displayNone {
    display: none;
}

.graphOptions [type="radio"] {
    visibility: hidden;
    position: absolute;
}

[type="radio"]:not(:checked)+label {
    cursor: pointer;
    margin-right: 10px;
    padding: 8px;
    border: 1px solid #e2e2e2;
    border-radius: 10px;
    box-shadow: 1px 1px 1px #ccc;
}

[type="radio"]:checked+label {
    box-shadow: none;
    background: #4C83C4;
    color: #fff;
}

/* .wafContent .graphOptions label {
	cursor: pointer;
	margin-right: 10px;
	padding: 8px;
	border: 1px solid #e2e2e2;
	border-radius: 10px;
	box-shadow: 1px 1px 1px #ccc;
}

.wafContent .graphOptions label:hover {
	box-shadow: none;
	background: #4C83C4;
	color: #fff;
} */

.wafContent .panel {
    border: 1px solid #EAEAEA;
}

.wafContent .panelHeader {
    padding: 10px;
    color: #FFFFFF;
    border-bottom: 1px solid #EAEAEA;
    font-weight: bold;
}

.wafContent .serverList {
    padding: 10px 5px;
}

.wafContent b {
    font-weight: 600;
}

.secureStatus {
    background: #d3fbd3;
    padding: 7px;
    border-radius: 50%;
}

.warningStatus {
    background: orange;
    padding: 7px;
    border-radius: 50%;
}

.unSecureStatus {
    background: #e05454;
    color: #fff;
    padding: 7px;
    border-radius: 50%;
}

.ipList {
    padding: 10px 15px;
}

.evenClass {
    background: #F5F5F5;
}

.oddClass {
    background: #FFFFFF;
}

.wafContent .expandIcon {
    color: #4C83C4;
    cursor: pointer;
    font-size: 16px;
}

.breakWord {
    word-break: break-word;
}

.breakWordEx {
    word-break: break-all;
}

.borderGray {
    border: 1px solid #ccc;
}

.tabsCl {
    border: 1px solid #ddd;
    height: 35px;
    text-align: center;
    padding-top: 6px;
    font-size: 15px
}

.tabactive {
    font-weight: 500;
    border-bottom: 4px solid #a7be38;
}

.headerText {
    border-bottom: solid #0097A7;
    color: #0097A7;
}

.spinnerColor {
    color: #4c83c4
}

.cofHeader {
    border-bottom: 1px solid;
    height: 38px;
    padding: 10px;
    text-align: center;
}

.cofDetail {
    border: 1px solid #cccccc;
    padding: 6px;
    height: 30px;
}

.cofData {
    border: 1px solid #cccccc;
    padding: 6px;
    height: 30px;
}

.breakwords {
    word-wrap: break-word
}

.selectedTabClass {
    background: #455A64;
    color: #FFFFFF;
    text-transform: uppercase;
}

.createEnv {
    font-size: 12px;
    color: #4C83C4;
    cursor: pointer;
}

.cardHeight {
    height: 150px !important;
}

.selectedCard {
    box-shadow: 3px 3px 3px #2ACA35 !important;
}

.validate {
    border: 1px solid #FBA81E;
}

/* ngIf animation */

.animationIf.ng-enter, .animationIf.ng-leave {
    -webkit-transition: opacity ease-in-out 1s;
    -moz-transition: opacity ease-in-out 1s;
    -ms-transition: opacity ease-in-out 1s;
    -o-transition: opacity ease-in-out 1s;
    transition: opacity ease-in-out 1s;
}

.animationIf.ng-enter, .animationIf.ng-leave.ng-leave-active {
    opacity: 0;
}

.animationIf.ng-leave, .animationIf.ng-enter.ng-enter-active {
    opacity: 1;
}

#coftable tbody:nth-child(even) tr {
    background-color: #EDEDED;
}

#coftable tbody:nth-child(even) tr:nth-child(even) {
    background-color: white;
}

#coftable tbody:nth-child(odd) tr:nth-child(odd) {
    background-color: white;
}

.rowstyle {
    border-bottom: 1px solid lightgray;
    padding-top: 2px;
    padding-bottom: 2px;
}

.titleColor {
    background: #ebebeb;
}

.bottomMove {
    padding-bottom: 1pxl
}

.conlink .table>tbody>tr>td, .conlink .table>tbody>tr>th, .conlink .table>tfoot>tr>td, .conlink .table>tfoot>tr>th, .conlink .table>thead>tr>td, .table>thead>tr>th {
    padding-top: 0px;
    padding-bottom: 0px;
}

.noteSection {
    background-color: #fff;
    padding: 15px;
    border: 1px solid #ccc;
}

.no-border {
    border-style: none;
    box-shadow: none;
}

.no-border:focus {
    border: 1px solid #a7be38;
    background-color: #ededed;
}

.disk {
    float: left;
    width: 10px;
    height: 10px;
    border: 1px solid rgba(0, 0, 0, .2);
}

.sata {
    background: #13b4ff;
}

.sas {
    background: #ab3fdd;
}

.ssd {
    background: #ae163e;
}

.sdisk {
    float: left;
    left: 50px;
    width: 10px;
    height: 10px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.ssddisk {
    float: left;
    left: 95px;
    width: 10px;
    height: 10px;
    position: relative;
    border: 1px solid rgba(0, 0, 0, .2);
}

.nodeList .btn {
    padding: 5px 10px;
}

.nodeList .btn .close {
    top: 2px;
    position: relative;
}

.lbLabel {
    font-size: 15px;
    margin-bottom: 20px;
}

.addLB sup {
    font-size: 18px;
    top: 0em;
}

.lblist {
    border: 1px solid #e4e3e3;
    position: relative;
    overflow: hidden;
}

.lblist .expandIcon {
    position: absolute;
    left: 10px;
    font-size: 20px;
    top: 17px;
    color: #4C83C4;
}

.lblist .lanicon {
    position: absolute;
    left: 95px;
    top: 12px;
    font-size: 20px;
}

.lblist md-fab-speed-dial {
    top: 0px;
    cursor: pointer;
}

.lblist md-fab-speed-dial .fa-ellipsis-v {
    color: #969696;
}

.lblist .lb {
    padding: 10px 40px 10px 200px;
}

.nodesList {
    padding: 0px 65px;
}

.blink_me {
    animation: blinker 2s linear;
}

@keyframes blinker {
    50% {
        opacity: 0;
    }
}

.nodeListContainer {
    border: 1px solid #ccc;
    padding: 15px;
}

.nodeListWrapper {
    max-height: 150px;
    overflow-y: auto;
    overflow-x: hidden;
    padding: 10px;
}

.nodeListWrapper .node {
    margin-bottom: 5px;
}

.nodeListWrapper .node .nodeName {
    cursor: pointer;
    padding: 5px;
}

.nodeListWrapper .node .nodeName:hover {
    color: #4C83C4;
}

.nodeListWrapper .node input {
    height: 25px;
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #ccc;
    border-radius: 0px;
    padding: 5px;
}

.nodesList .fa-circle {
    font-size: 10px;
    top: -1px;
    position: relative;
    color: #a9a5a5;
}

.nodeList.even {
    background: rgb(241, 240, 240);
}

.lblist .fa-link {
    position: absolute;
    left: 60px;
    font-size: 20px;
    top: 17px;
}

.addLB option:disabled {
    color: #D4D4D4;
}

.addLB option:disabled {
    color: #D4D4D4;
}

.lblist.available {
    border-left: 10px solid green;
}

.lblist.offline {
    border-left: 10px solid #ea5050;
}

.lblist.unknown {
    border-left: 10px solid orange;
}

.spinnerLB div {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 20px;
    background-color: #777676;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2, .64, .81, .23);
}

.spinnerLB div:nth-child(2) {
    animation-delay: 150ms;
}

.spinnerLB div:nth-child(3) {
    animation-delay: 300ms;
}

.spinnerLB div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {
        left: 0%;
    }
    75% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

.fetchingStatus {
    opacity: 0.5;
}

.lblist .description {
    width: 10px;
    position: absolute;
    left: -5px;
    height: 100%;
}

.rightSeparator {
    border-right: solid 2px #eee;
}

.bottomSeparator {
    border-bottom: solid 1px #ddd;
}

/**** customer dashboard css ****/

.cusDashboardFont {
    /*font-family: "Helvetica Neue",Helvetica,Arial,sans-serif !important;*/
    font-size: 35px;
    font-weight: 500;
}

.cusDashboardIcon {
    color: #263238;
    font-weight: 600;
}

.elemCenter {
    margin: 0 auto !important;
    display: block;
}

.cusLabel {
    color: grey;
    margin-right: 10px;
}

.headerText1 {
    border-bottom: solid #0d47a1;
    color: #0d47a1;
}

.headerTabs {
    border-top-right-radius: 3px;
    border-top-left-radius: 3px;
    color: #fff;
    background-color: #455a64;
    padding-top: 7px;
    padding-bottom: 7px;
    font-size: 15px;
}

.borderEdge {
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
    border-color: #455a64;
}

.bsRed {
    color: #CC0000
}

.bsYellow {
    color: #FF8800
}

.bsGreen {
    color: #007E33
}

.bsBlue {
    color: #0099CC
}

.bsTeal {
    color: #00695c
}

.bsDarkblue {
    color: #0d47a1
}

.bsViolet {
    color: #9933CC
}

.bsGrey {
    color: #263238
}

.bsRedBg {
    background-color: #CC0000
}

.bsYellowBg {
    background-color: #FF8800
}

.bsGreenBg {
    background-color: #007E33
}

.bsBlueBg {
    background-color: #0099CC
}

.bsTealBg {
    background-color: #00695c
}

.bsDarkblueBg {
    background-color: #0d47a1
}

.bsVioletBg {
    background-color: #CC0000
}

.bsGreyBg {
    background-color: #263238
}

.whiteFont {
    color: #fff;
}

.rightSeparator {
    border-right: solid 2px #eee;
}

.lblist .fa-link {
    position: absolute;
    left: 53px;
    font-size: 20px;
    top: 17px;
}

.addLB option:disabled {
    color: #D4D4D4;
}

.lblist.available {
    border-left: 10px solid green;
}

.lblist.offline {
    border-left: 10px solid #ea5050;
}

.lblist.unknown {
    border-left: 10px solid orange;
}

.spinnerLB div {
    width: 20px;
    height: 20px;
    position: absolute;
    left: -20px;
    top: 20px;
    background-color: #777676;
    border-radius: 50%;
    animation: move 4s infinite cubic-bezier(.2, .64, .81, .23);
}

.spinnerLB div:nth-child(2) {
    animation-delay: 150ms;
}

.spinnerLB div:nth-child(3) {
    animation-delay: 300ms;
}

.spinnerLB div:nth-child(4) {
    animation-delay: 450ms;
}

@keyframes move {
    0% {
        left: 0%;
    }
    75% {
        left: 100%;
    }
    100% {
        left: 100%;
    }
}

.fetchingStatus {
    opacity: 0.5;
}

.lblist .description {
    width: 10px;
    position: absolute;
    left: -5px;
    height: 100%;
}

.height75 {
    height: 75px;
}

/* cloud waf config tab css */

.wafconfigTabs {
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #CCCCCC;
}

.wafconfigTabs .tabIcons {
    font-size: 20px;
    text-align: center;
    width: 16%;
    color: #4C83C4;
    opacity: 0.5;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    z-index: 2;
    vertical-align: super;
}

.wafconfigTabs .tabIcons small {
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.wafconfigTabs .tabIcons:hover {
    opacity: 1;
}

.wafconfigTabs .activeTab {
    opacity: 1;
}

.wafconfigTabs:after {
    content: '';
    width: 16%;
    height: 100%;
    background: #f1f9f5;
    position: absolute;
    transition: .5s;
}

.endpointListContainer .warning-alert-ep {
    position: absolute;
    left: 20px;
    top: 18px;
    color: yellow;
}

.fa-shield.activeTab~.wafconfigTabs:after {
    left: 0%;
}

.fa-database.activeTab~.wafconfigTabs:after {
    left: 17%;
}

.fa-users.activeTab~.wafconfigTabs:after {
    left: 34%;
}

.ngdialog.dialogwidth400 .ngdialog-content {
    width: 700px !important;
    height: 400px !important;
    overflow: hidden;
}

/* without Vdom */

.userapptab.fa-users.activeTab~.wafconfigTabs:after {
    left: 16%;
}

.userapptab.fa-database.activeTab~.wafconfigTabs:after {
    left: 0%;
}

/*With Firewall Tab*/

.fa-shield.activeTab~.wafconfigTabs:after {
    left: 0%;
}

.fa-database.activeTab~.wafconfigTabs:after {
    left: 16%;
}

.fa-users.activeTab~.wafconfigTabs:after {
    left: 32%;
}

/* cloud waf config tab CSS End */

.adminRowHeight {
    min-height: 19px;
}

.tableHeight thead tr th {
    height: auto !important;
    line-height: 14px !important;
}

.borderColor {
    border-bottom-color: #595959 !important;
}

.draggableDialog {
    padding-left: 20px;
    padding-right: 20px;
}

.md-button.md-fab {
    z-index: 20;
    line-height: 20px;
    min-width: 0;
    width: 35px;
    height: 35px;
    vertical-align: middle;
    box-shadow: 0 2px 5px 0 rgba(0, 0, 0, .26);
    border-radius: 50%;
    background-clip: padding-box;
    overflow: hidden;
    -webkit-transition: all .3s cubic-bezier(.55, 0, .55, .2);
    transition: all .3s cubic-bezier(.55, 0, .55, .2);
    -webkit-transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, -webkit-transform;
    transition-property: background-color, box-shadow, transform;
    transition-property: background-color, box-shadow, transform, -webkit-transform;
}

.custom-meta-tag {
    padding: 10px;
}

.custom-meta-tag:hover {
    background-color: #cccccc;
    border-radius: 5px;
    cursor: pointer;
}

.dlt-tag {
    padding: 7px 0px 0px 5px;
    color: #dc1d1d;
    font-size: 18px;
    cursor: pointer;
}

#pricing-grid .glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings' !important;
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
}

#pricing-grid .glyphicon:before {
    font-size: 14px !important;
    font-family: inherit !important;
}

#pricing-grid .glyphicon-chevron-right:before {
    content: "\e080" !important;
}

.attacksOngoing {
    background-color: #FB5858;
    color: white;
}

/*Siem styles*/

.siemconfigTabs {
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #CCCCCC;
}

.siemconfigTabs .tabIcons {
    font-size: 25px;
    text-align: center;
    width: 16%;
    color: #4C83C4;
    opacity: 0.5;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    z-index: 2;
    vertical-align: super;
}

.siemconfigTabs .tabIcons small {
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.siemconfigTabs .tabIcons:hover {
    opacity: 1;
}

.siemconfigTabs .activeTab {
    opacity: 1;
    background-color: #f3f4f7;
    pointer-events: none
}

.tileLayout {
    box-shadow: 0 0 5px 2px rgb(236, 225, 225) !important;
    /* background: #F7F7F7 !important; */
    /* width:500px; */
}

.tileLayout:hover {
    background: #F7F7F7 !important;
}

b:hover {
    overflow: visible;
    white-space: normal;
    height: auto;
}

.attacksOngoing {
    background-color: #FB5858;
    color: white;
}

.autoscale-container .title {
    position: relative;
    top: 5px;
}

.percent {
    position: relative;
}

.percent .fa-percent {
    position: absolute;
    right: 25px;
    top: 10px;
    color: #CCCCCC;
}

.autoscale-container .vmList .vm {
    display: table;
}

.autoscale-container .vmList .vm>div {
    display: table-cell;
    vertical-align: middle;
}

.autoscale-container .vmList .vm .checklist {
    margin-top: 12px;
}

.autoscale-container .vmList .vm {
    background: #F2F2F2;
    border: 1px solid #CCCCCC;
    padding: 10px 0px;
}

.ashColor {
    color: #8f8a8a;
    position: relative;
    top: 5px;
}

.fa-product-hunt {
    color: #bdbcbc;
    pointer-events: none;
}

.activePrimary {
    pointer-events: auto;
    cursor: pointer;
}

.primary {
    color: #ea7926;
}

.ngdialog-overlay {
    pointer-events: none
}

.diableLink {
    pointer-events: none
}

.downloadLoader {
    border: 4px solid #f3f3f3;
    border-radius: 50%;
    border-top: 4px solid #3498db;
    width: 20px;
    height: 20px;
    -webkit-animation: spin 0.8s linear infinite;
    /* Safari */
    animation: spin 0.8s linear infinite;
}

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

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

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

.ngdialog-overlay {
    pointer-events: none
}

.diableLink {
    pointer-events: none
}

.dtls-btn {
    background-color: #4c83c4 !important;
    border-color: #4c83c4 !important;
}

.tooltip-position {
    position: relative;
    top: -7px;
}

.ellipsis {
    white-space: nowrap;
    width: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
}

.padding-lr-7 {
    padding-left: 7px !important;
    padding-right: 7px !important;
}

.header-tag-element {
    vertical-align: middle;
    margin-top: -6px;
    font-weight: 400 !important;
}

.header-div-100 {
    height: 80px !important;
}

#ddos-table {
    border-collapse: collapse;
    width: 100%;
    display: block;
    max-height: 1000px;
    overflow-y: auto;
}

#ddos-table td, #ddos-table th {
    border: 1px solid #ddd;
    padding: 8px;
}

#ddos-table th {
    text-align: center;
}

.ddos-alert-table tbody tr:nth-child(even) {
    background-color: white !important;
}

.ddos-alert-table tbody tr:nth-child(odd) {
    background-color: white !important;
}

.ddos-alert-header-section {
    display: flex;
    align-items: center;
}

#panelWid23 .ddosGraphOption {
    position: absolute;
    right: 198px;
    top: -70px;
}

#panelWid23 .fullSpan {
    padding-top: 0 !important;
}

/* PatchMangement CSS Start */

.glyphicon-pm:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e144";
    font-size: 1em;
}

.glyphicon-Patch-Management:before {
    font-family: "FontAwesome" !important;
    content: "\f109";
}

.glyphicon-Create-Advisory:before, .glyphicon-Advisory-Listing:before, .glyphicon-Screening-Identification:before, .glyphicon-Customer-Response:before, .glyphicon-Patch-Approval:before {
    content: "G";
}

/* PatchManagement CSS End */

.lbConfig {
    padding-top: 4px;
    padding-bottom: 4px;
}

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

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

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

/*pricing and costing excel sheet styling*/

.datePickerContainer {
    width: 300px;
    display: inline-block;
    position: relative;
}

.datePickerContainer .input-group-btn {
    position: absolute;
    right: 30px;
    top: 0px;
}

.table thead {
    text-transform: capitalize;
}

div.form-group {
    margin-bottom: 30px;
}

/* .text-danger {
	position: absolute;
} */

.custom-filter {
    position: absolute;
    z-index: 1000;
}

.pages {
    padding-right: 20px;
}

/* Tufin Module Start*/

.glyphicon-serviceorchestration:before, .glyphicon-firewall:before {
    content: "G";
}

/* Tufin Module End*/

.firewall-modal .ngdialog-content {
    overflow: auto !important;
}

/* DDOS Module Start*/

.ddos-tab .nav-tabs>li.active {
    font-weight: 500;
    pointer-events: none;
}

.ddosGraphOption {
    position: absolute;
    right: -35px;
}

.ddos-mitifation-section-header {
    border-bottom: 1px solid #c7c1c1;
}

.ddos-page-container {
    background: #FFFFFF;
    border: thin solid #ECECEC;
    box-shadow: 0px 1px 2px #DDDDDD;
    padding: 15px;
}

.ddos-text-area {
    width: 100%;
    resize: vertical;
}

.ddos-text-area:focus {
    border-color: #a7be38 !important;
    box-shadow: none !important;
}

.ddos-custom-text-area {
    border-left: none;
    border-right: none;
    border-top: none;
    width: 354px !important;
    height: 35px;
}

.ddos-custom-text-area:focus {
    border: none !important;
    border-bottom: 1px solid #ea7926 !important;
}

/* .ddos-section-border-bottom {
    border-bottom: 1px solid #e9e3e3;
    margin: 0px 0px 4px 0px;
} */

.ddos-section-border {
    border: 1px solid #ececec;
    border-radius: 4px;
    padding: 8px;
    height: auto;
}

.accordian-card {
    /* box-shadow: 5px 5px 5px #ccc; */
    border-radius: 4px;
    background: #ededed;
    height: 40px;
    font-weight: bolder
}

.accordian-card-result {
    border: 1px solid #e2dede;
    padding: 0;
    background: #fff;
    border-radius: 5px;
}

.accordian-card:hover {
    /* border-top: 5px solid green; */
    cursor: pointer;
    box-shadow: 3px 3px 3px #ccc;
    font-family: "Gotham A", sans-serif;
}

.toggle-icon-plus {
    font-size: 12px;
}

.toggle-icon-plus-container {
    top: 6px;
}

.ddos-no-records-found {
    text-align: center;
    font-weight: 500;
}

.ddos-fa-asterisk:before {
    color: orange;
    content: "\f069";
    font-size: 0.5em;
}

.half-box-shadow:hover {
    box-shadow: 5px 3px 5px 3px #ccc;
}

.half-box-shadow {
    min-height: 520px;
}

.ellipsis-ddos {
    white-space: nowrap;
    width: 170px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
}

.mitigation-detail-label {
    padding-left: 15px;
    color: black;
}

.view-mitigation-half-box-scroll {
    overflow-y: auto;
    overflow-x: hidden;
    max-height: 360px;
}

.view-mitigation-sticky-header {
    top: 0px;
    height: 50px;
}

.view-mitigation-export-pdf {
    margin-left: 80px;
    font-size: 23px;
    font-weight: 27em;
}

.view-mitigation-heading {
    font-family: Gotham A, sans-serif;
    font-size: 18px !important;
    cursor: auto !important;
}

.view-mitigation-graph {
    border: 1px solid #cdcdcd;
    box-shadow: none;
    border: 1px solid #cdcdcd;
    min-height: 483px;
    margin-top: 17px;
}

.view-mitigation-table {
    border: 1px solid #cdcdcd;
    box-shadow: none;
    margin-top: 17px;
    min-height: 483px;
}

.view-mitigation-header {
    bottom: 8px;
}

.view-mitigation-graph-title {
    padding: 0;
    margin-top: -22px;
}

.view-mitigation-annotations {
    margin: auto;
    margin-top: 20px;
}

.view-mitigation-error-message {
    text-align: center;
    font-weight: 500;
    font-size: 14px;
}

.tooltip .tooltip-inner {
    width: 300px !important;
}

/* DDOS Module End */

/* Patch Management CSS  Start*/

.glyphicon-pm:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e144";
    font-size: 1em;
}

.glyphicon-Patch-Management:before {
    font-family: "FontAwesome" !important;
    content: "\f109";
}

.glyphicon-Notified-Cis:before {
    font-family: 'FontAwesome' !important;
    content: "\f0a2";
}

.glyphicon-Customer-Authorization:before {
    font-family: 'FontAwesome' !important;
    content: "\f084";
}

.glyphicon-Non-Upgradable-Assets:before {
    font-family: 'FontAwesome' !important;
    content: "\f23e";
}

.glyphicon-Non-Upgradable Assets:before {
    font-family: 'FontAwesome' !important;
    content: "\f093";
}

.glyphicon-System-Interference:before {
    font-family: 'FontAwesome' !important;
    content: "\f00d";
}

.glyphicon-Schedule-Window:before {
    font-family: 'FontAwesome' !important;
    content: "\f271";
}

.glyphicon-Create-Advisory:before {
    font-family: 'FontAwesome' !important;
    content: "\f0fe";
}

.glyphicon-CI-Units:before {
    font-family: 'FontAwesome' !important;
    content: "\f0ad";
    font-size: 1em;
}

.glyphicon-Advisory-Listing:before {
    font-family: 'FontAwesome' !important;
    content: "\f03a";
}

.glyphicon-Screening-Identification:before {
    font-family: 'FontAwesome' !important;
    content: "\f2d0";
}

.glyphicon-Customer-Response:before {
    font-family: 'FontAwesome' !important;
    content: "\f0c0";
}

.glyphicon-Patch-Approval:before {
    font-family: 'FontAwesome' !important;
    content: "\f00c";
}

.glyphicon-CI-Configuration:before {
    font-family: 'FontAwesome' !important;
    content: "\f085";
}

.glyphicon-CI-Reports:before {
    font-family: 'FontAwesome' !important;
    content: "\f019";
}

/* Patch Management CSS End */

/* Guide video dialog box */

.ngdialog.ngdialog-theme-video {
    padding-bottom: 10px;
    padding-top: 10px;
}

.ngdialog.ngdialog-theme-video.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-flyout .5s;
    animation: ngdialog-flyout .5s;
}

.ngdialog.ngdialog-theme-video .ngdialog-content {
    -webkit-animation: ngdialog-flyin .5s;
    animation: ngdialog-flyin .5s;
    /* background: #f0f0f0;*/
    background: #FFF;
    /*border-radius: 5px;*/
    border-radius: 0px;
    color: #444;
    font-family: 'Helvetica', sans-serif;
    font-size: 1.1em;
    line-height: 1.5em;
    margin: 0 auto;
    max-width: 100%;
    padding: 1em;
    position: relative;
    width: 750px;
}

.ngdialog.ngdialog-theme-video .ngdialog-close {
    border-radius: 5px;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
}

.ngdialog.ngdialog-theme-video .ngdialog-close:before {
    background: transparent;
    border-radius: 3px;
    color: #bbb;
    content: '\00D7';
    font-size: 26px;
    font-weight: 400;
    height: 30px;
    line-height: 26px;
    position: absolute;
    right: 3px;
    text-align: center;
    top: 3px;
    width: 30px;
}

.ngdialog.ngdialog-theme-video .ngdialog-close:hover:before, .ngdialog.ngdialog-theme-video .ngdialog-close:active:before {
    color: #777;
}

.ngdialog.ngdialog-theme-video .ngdialog-message {
    margin-bottom: .5em;
}

.ngdialog.ngdialog-theme-video .ngdialog-input {
    margin-bottom: 1em;
}

.ngdialog.ngdialog-theme-video .ngdialog-input textarea, .ngdialog.ngdialog-theme-video .ngdialog-input input[type="text"], .ngdialog.ngdialog-theme-video .ngdialog-input input[type="password"], .ngdialog.ngdialog-theme-video .ngdialog-input input[type="email"], .ngdialog.ngdialog-theme-video .ngdialog-input input[type="url"] {
    background: #fff;
    border: 0;
    border-radius: 3px;
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    margin: 0 0 .25em;
    min-height: 2.5em;
    padding: .25em .67em;
    width: 100%;
}

.ngdialog.ngdialog-theme-video .ngdialog-input textarea:focus, .ngdialog.ngdialog-theme-video .ngdialog-input input[type="text"]:focus, .ngdialog.ngdialog-theme-video .ngdialog-input input[type="password"]:focus, .ngdialog.ngdialog-theme-video .ngdialog-input input[type="email"]:focus, .ngdialog.ngdialog-theme-video .ngdialog-input input[type="url"]:focus {
    -webkit-box-shadow: inset 0 0 0 2px #8dbdf1;
    box-shadow: inset 0 0 0 2px #8dbdf1;
    outline: none;
}

.ngdialog.ngdialog-theme-video .ngdialog-buttons {
    *zoom: 1;
}

.ngdialog.ngdialog-theme-video .ngdialog-buttons:after {
    content: '';
    display: table;
    clear: both;
}

.ngdialog.ngdialog-theme-video .ngdialog-button {
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    float: right;
    font-family: inherit;
    font-size: .8em;
    letter-spacing: .1em;
    line-height: 1em;
    margin: 0 0 0 .5em;
    padding: .75em 2em;
    text-transform: uppercase;
}

.ngdialog.ngdialog-theme-video .ngdialog-button:focus {
    -webkit-animation: ngdialog-pulse 1.1s infinite;
    animation: ngdialog-pulse 1.1s infinite;
    outline: none;
}

@media (max-width: 568px) {
    .ngdialog.ngdialog-theme-video .ngdialog-button:focus {
        -webkit-animation: none;
        animation: none;
    }
}

.ngdialog.ngdialog-theme-video .ngdialog-button.ngdialog-button-primary {
    background: #3288e6;
    color: #fff;
}

.ngdialog.ngdialog-theme-video .ngdialog-button.ngdialog-button-secondary {
    background: #e0e0e0;
    color: #777;
}

.ngdialog.dialogwidth_video .ngdialog-content {
    width: 1100px !important;
    padding-top: 25px !important;
}

#videoContainer {
    position: relative;
    height: 100%;
    z-index: 9;
    margin-top: auto;
    bottom: 0;
}

#video {
    width: 100%;
    height: 100%;
}

#transcript {
    height: 100%;
    top: 0;
}

.videoplay {
    height: 100%;
}

button {
    border: none;
    background: none;
    outline: none;
}

/* LAYOUT
  ------------------------------------------------------- */

.cf:before, .cf:after {
    content: "";
    display: table
}

.cf:after {
    clear: both;
}

.izologo {
    position: absolute;
    right: 0;
    top: 15px;
    right: 32px;
}

.izologo {
    display: none;
}

.izologo img {
    width: 114px;
}

#wrapper {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    font-family: 'Gotham';
}

#transcript {
    position: absolute;
    left: 0;
    right: 0;
    background-image: url('../../images/video_images/background.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    display: table;
    width: 100%;
    margin: 0 auto;
}

#transcript p span {
    display: none;
}

#transcript p span.highlight {
    display: block;
}

#transcript p {
    font-family: 'Gotham';
    font-size: 18px;
    line-height: 36px;
    margin: 20px;
}

.highlight {
    color: #ff9900;
}

/* VIDEO CONTROLS
  ------------------------------------------------------- */

#videoControls {
    position: absolute;
    top: 90%;
    left: 1.5%;
    right: 1.5%;
    padding: 5px;
}

#progress {
    width: 0%;
    position: absolute;
    top: -10px;
    -webkit-appearance: none;
    background-color: #00b2eb;
    height: 5px;
    z-index: 1;
    pointer-events: none;
}

#progressBar {
    width: 98.5%;
    position: absolute;
    top: -10px;
    right: 1%;
    -webkit-appearance: none;
    background-color: #6d6e6d;
    height: 5px;
    z-index: 0;
    border-radius: 50%;
}

#progressBar:focus {
    outline: none;
}

#progressBar::-webkit-slider-thumb {
    -webkit-appearance: none !important;
    height: 0;
    width: 0;
}

#progressBar::-moz-range-thumb {
    visibility: hidden !important;
}

#buttons {
    opacity: 0;
    transition: opacity .3s ease-out;
}

#videoContainer:hover #buttons {
    opacity: 1.0;
}

#duration, #fastFwd {
    color: white;
    font-family: 'Gotham';
    font-size: 14px;
    position: relative;
    bottom: 5px;
    left: 5px;
}

#mute, #closedCaption, #fullScreen, #volumeBar {
    float: right;
}

#volumeSlider {
    width: 60px;
    float: right;
}

.videos.cf.highlight {
    padding: 6px 0;
}

#volumeSlider::-webkit-slider-thumb {
    background-color: green;
    height: 10px;
    width: 10px;
}

.videoblocks {
    display: block;
    float: left;
    width: 31%;
    margin: 0 1% 35px 1%;
    text-align: center;
}

.videoplay {
    position: absolute;
    top: 0;
    display: none;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
    background-image: url('../../images/video_images/background.jpg');
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
}

.video-p.hidevideo .videoplay {
    display: block;
}

.highlight a img, .vid1vid a img {
    width: 100%;
}

.hide {
    color: transparent;
}

/*
  .vid1vid a {
	  float: left;
	  width: 31%;
	  margin: 0 1% 0 1%;
  }
  */

.submenu-items {
    width: 510px;
    margin: 0 auto;
    text-align: center;
}

.submenu-items .videoblocks {
    width: 50%;
    margin: 0 auto 35px;
}

.videoplay-inner {
    position: absolute;
    top: 0;
    display: none;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 99;
}

.videos {
    display: none;
    transition: .3s ease-in-out;
}

.videos.highlight {
    transition: .3s ease-in-out;
    margin: 0 auto;
}

.video-cover {
    width: 100%;
    text-align: center;
}

.video-cover {
    width: 215px;
    border-radius: 36px;
    position: relative;
    /* -webkit-transform: translateY(0); */
    -webkit-transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all .6s cubic-bezier(0.165, 0.84, 0.44, 1);
    height: 214px;
    margin: 0 auto;
}

.video-cover:hover {
    box-shadow: 0px 0px 13px 3px #1c91f0;
    opacity: 1;
    -webkit-transform: scale(1.06, 1.06);
    transform: scale(1.06, 1.06);
}

canvas {
    position: relative;
}

.qr-canvas qrcode canvas {
    top: 0;
    left: 0;
    width: 15%;
    max-width: 100%;
    height: 15%;
    left: 0;
    right: 0;
}

video, canvas {
    top: 0;
    left: 0;
    width: 100%;
    max-width: 100%;
    height: 732px;
    left: 0;
    right: 0;
}

video {
    height: 100%;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
}

.videos.highlight {
    width: 100%;
    height: 100%;
    vertical-align: middle;
    display: table-cell;
}

.videos-child-element {
    margin: 0 auto;
    width: 775px;
}

.mob {
    display: none;
}

.download-btn {
    right: 158px;
    padding-right: 0;
    height: 26px;
    position: absolute;
    z-index: 999;
    display: none;
    bottom: 100px;
}

.download-btn img {
    width: 152px;
}

.click {
    text-align: center;
    color: black;
    font-size: 23px;
    padding-bottom: 45px;
    color: #fff;
    text-transform: uppercase;
    font-stretch: semi-expanded;
    padding-top: 27px;
}

.allsub {
    position: relative;
    height: 100%;
    width: 765px;
    margin: 0 auto;
}

.videobtn {
    display: none;
    position: absolute;
    z-index: 999;
}

.highlight a.videobtn img, .vid1vid a.videobtn img {
    width: 152px;
}

.highlight a.videobtn, .vid1vid a.videobtn.home {
    bottom: 126px;
    right: 158px;
}

.backbtn img {
    width: 32px;
    padding-top: 0;
}

.highlight a.videobtn.download {
    right: 45px;
    width: 40px;
}

.vid1vid a.videobtn.download {
    right: 45px;
    width: 40px;
    top: 30px;
}

.highlight a.download, .vid1vid a.download {
    text-align: right;
}

.backbtn {
    display: none;
    position: absolute;
    top: 18px;
    left: 25px;
    color: #000;
    font-size: 20px;
    cursor: pointer;
    z-index: 999;
}

/* =========================================
	 MEDIA QUERIES */

@media (max-width:1340px) {
    #wrapper {
        width: 100%;
    }
}

@media (max-width:1260px) {
    .video-cover {
        width: 175px;
        height: 175px;
    }
    .submenu-items {
        width: 422px;
    }
    #wrapper {
        width: 100%;
    }
    .videos-child-element {
        width: 650px;
    }
}

@media (max-width:1100px) {
    .video-cover {
        width: 170px;
        height: 170px;
    }
    .videoblocks {
        margin: 0 1% 25px 1%;
    }
    .click {
        font-size: 17px;
    }
    .izologo img {
        width: 85px;
    }
    .submenu-items {
        width: 410px;
    }
    .submenu-items .videoblocks {
        margin: 0 auto 25px;
    }
    .backbtn img {
        padding-left: 0;
    }
}

@media (max-width: 1024px) {
    .video-cover {
        border-radius: 7px;
    }
    .videoblocks {
        width: 48%;
    }
    .videos-child-element {
        width: 470px;
    }
    .desk {
        display: none;
    }
    .mob {
        display: block;
    }
    .video-cover {
        width: 200px;
        height: 55px;
    }
    .videoblocks {
        width: 48%;
        padding-left: 0 !important;
    }
}

@media (max-width:740px) {
    .download-btn {
        right: 0;
        padding-right: 9px;
        bottom: 64px;
    }
    .highlight a.videobtn, .vid1vid a.videobtn.home {
        bottom: 90px;
        right: 0;
        padding-right: 9px;
    }
    .download-btn img {
        width: 131px;
    }
    .highlight a.videobtn img, .vid1vid a.videobtn img {
        width: 131px;
    }
}

@media (max-width:680px) {
    .click {
        font-size: 14px;
        text-align: center;
        padding-left: 0;
        padding-bottom: 30px;
        padding-top: 0px;
    }
    .videoblocks {
        margin: 0 0% 14px 0%;
    }
    .videoblocks {
        width: 50%;
    }
    .izologo img {
        width: 60px;
    }
    .izologo {
        top: 11px;
    }
    .submenu-items {
        width: 100%;
    }
}

@media (max-width:480px) {
    .video-cover {
        width: 229px;
        height: 63px;
    }
    .videoblocks {
        width: 100%;
    }
    .videos-child-element {
        width: 290px;
    }
    element {
        display: block;
    }
    .submenu-items .videoblocks {
        margin: 0 auto 15px;
        width: 100%;
    }
}

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

.rule-first-icon {
    padding: 28px 0px;
}

.zone-first-icon {
    padding: 28px 0px;
}

.s2s-progress-circular {
    padding-left: 40em;
}

.s2s-checkbox {
    color: black;
    font-weight: 500;
}

#S2S-table {
    border-collapse: collapse;
    width: 100%;
    display: block;
    min-height: 170px;
    overflow: -webkit-paged-x;
}

#S2S-table td, #S2S-table th {
    border: 1px solid #ddd;
    padding: 8px;
    min-height: 170px;
}

#S2S-table th {
    text-align: center;
}

.S2S-tabs md-tabs md-ink-bar {
    color: #A7BE38;
    background: #A7BE38;
}

.glyphicon-Raw-Logs:before {
    content: "G";
}

.glyphicon-Info-Dashboard:before {
    content: "G";
}

.glyphicon-On-Demand-Reports:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
}

.glyphicon-Scheduled-Reports:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e032";
}

.glyphicon-epp:before {
    content: "G";
}

/* PACKER IMAGES */

.textarea-height {
    min-height: 300px;
}

.template>.form-control:focus {
    border-color: #a7be38;
    box-shadow: none !important;
}

.glyphicon-Excluded-Assets:before {
    font-family: 'FontAwesome' !important;
    content: "\f23e";
}

.downloadBtn {
    font-size: 35px;
}

.custom-calender {
    background: rgb(10, 40, 74);
    color: white;
}

.traffic-top-talkers-container {
    background: white;
    display: inline-block;
    margin-top: 30px
}

.graphViewDownloadBtn {
    padding-bottom: 0px;
    font-size: 15px;
    padding-top: 0px;
    margin-right: 20px !important;
}

.po-dropdown {
    z-index: 4;
}

.siem-modal {
    z-index: 20 !important;
}

.glyphicon-tasks:before {
    content: "C";
}

.glyphicon-Executive-Dashboard:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e141";
}

.glyphicon-soar:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e087";
    font-size: 1em;
}

.glyphicon-workflow:before, .glyphicon-Workflow:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e246";
    font-size: 1em;
}

.glyphicon-usecase:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e110";
    font-size: 1em;
}

.floating-filter-body {
    bottom: 325px;
    margin-left: 0%;
    right: 65px;
    position: fixed;
    display: inline-block;
    z-index: 2;
}

.floating-filter-container {
    border-radius: 15px;
    overflow: auto;
    border-radius: 12px;
    background: #092445;
    /* background: linear-gradient(to right,rgba(73,155,234,1) 0,rgba(32,124,229,1) 100%); */
    color: white;
}

.floating-filter-button {
    bottom: 435px;
    margin-left: 0%;
    right: 25px;
    position: fixed;
    cursor: pointer !important;
    display: inline-block;
    z-index: 2;
}

.floating-notification-body {
    bottom: 315px;
    margin-left: 0%;
    right: 65px;
    position: fixed;
    display: inline-block;
    z-index: 2;
}

.floating-notification-button {
    bottom: 435px;
    margin-left: 0%;
    right: 25px;
    position: fixed;
    cursor: pointer !important;
    display: inline-block;
    z-index: 2;
}

.ngdialog.dialogwidth1100 .ngdialog-content {
    width: auto;
    /*height: 450px !important;*/
    border-radius: 15px;
    overflow-y: auto;
    height: auto !important;
}

.pagination-active-page-number {
    background: #ea7926;
    color: white;
    border-radius: 50% !important;
    padding: 1px 8px;
    line-height: 1.42857143;
    width: fit-content;
    margin-right: 10px;
}

.pagination-page-number {
    background: #f1f1f2;
    color: black;
    border-radius: 50% !important;
    padding: 1px 8px;
    line-height: 1.42857143;
    width: fit-content;
    margin-right: 10px;
}

.pagination-elements {
    display: flex;
    margin-top: 10px;
}

.ngDialog.backup-dialog {
    z-index: 1 !important;
}

.ngdialog.dialogwidth1100 .ngdialog-content {
    width: 1100px;
    /* height: 450px !important; */
    overflow-y: auto;
    border-radius: 15px;
    height: auto !important;
}

.border-radius-8 {
    border-radius: 8px;
}

.mitigation-view-details .md-button.md-icon-button {
    width: 25px !important;
}

.border-r-8 {
    border-radius: 8px;
}

.bg-active-badge {
    color: white;
    font-weight: 100 !important;
    background: #409253;
}

.bg-muted-badge {
    color: white;
    font-weight: 100 !important;
    background: gray;
}

.chart-legends md-switch .md-bar {
    background: lightgrey !important;
}

.mitigation-list-grid .table>tbody>tr>td {
    vertical-align: middle !important;
}

.glyphicon-threatManagement:before {
    font-family: 'Glyphicons Halflings' !important;
    content: "\e105";
    font-size: 1em;
}

.customer-defined-process-container {
    word-break: break-all;
    max-height: 150px;
    overflow-y: auto;
}

.demo-select-header {
    height: 50px !important;
}

.demo-header {
    border-color: #ea7926 !important;
}

.ddos-ipv4-error-container {
    max-height: 120px;
    overflow: auto;
    padding-top: 5px;
}

.ngdialog.dialogwidthwidth600 .ngdialog-content {
    width: 600px !important;
    min-height: 200px;
    border-radius: 8px;
}

.ngdialog.dialogwidthwidth400 .ngdialog-content {
    min-height: 150px;
    border-radius: 8px;
}

.customer-defined-process-header {
    padding: 13px;
    padding-top: 15px;
    border-bottom: 1px solid lightgray;
}

.ddos-attack-table-box {
    height: 410px;
    overflow-y: auto;
}

.view-mitigation-box {
    height: 420px;
    border-radius: 8px;
}

.ddos-font-large {
    font-size: large;
    color: orange !important;
}

.ddos-list-alert-type {
    border-radius: 55% !important;
    padding: 5px 5px;
    width: fit-content;
    /* margin-right: 15px; */
    color: white;
    top: -5px;
    margin-left: 0px;
    background: #EA7926;
}

.ddos-countermeasure-text-header {
    color: darkblue;
}

.text-alert-ellipsis {
    width: 97px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
    font-size: 15px;
}

.text-alert-view-ellipsis {
    width: 270px;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: inline-block;
    overflow: hidden;
}

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

.ddos-notification-indicator {
    position: fixed;
    bottom: 80px;
    right: 5px;
}

.ddos-blinkingText {
    animation: blinkingText 1.2s infinite;
}

@keyframes blinkingText {
    0% {
        color: #fff;
    }
    49% {
        color: #fff;
    }
    60% {
        color: transparent;
    }
    99% {
        color: transparent;
    }
    100% {
        color: #fff;
    }
}

.muliselect-profile-ddos button {
    color: #444 !important;
    width: 260px;
    text-align: left;
    height: 35px;
    font-size: 13px;
    background: white !important;
    border-color: #cfcfcf !important;
    font-weight: 500 !important;
    font-family: "Gotham-Medium" !important;
    white-space: break-spaces;
    padding: 5px !important;
    padding-top: 2px !important;
    padding-bottom: 5px !important;
    overflow: hidden;
}

.muliselect-profile-ddos .caret {
    float: right !important;
    margin-top: 5px !important;
}

.muliselect-profile-ddos .dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
    background-color: #ea7926;
}

/* Nine dot ment */

.navbar-toggler {
    text-align: center;
    text-transform: uppercase;
    font-size: 8px;
    padding-right: 0px;
    cursor: pointer;
    font-family: "Gotham-Light" !important;
}

.navbar-toggler>div {
    font-size: 8px;
    text-transform: uppercase;
    padding-top: 5px;
    font-weight: bold;
}

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

.ngdialog .nineDotmenuDialog {
    z-index: 99999 !important;
}

.nineDotmenuDialog {
    z-index: 99999 !important;
    margin-left: 15px !important;
    margin-top: -8px;
}

.nineDotmenuDialog .ngdialog-content {
    border-radius: 10px !important;
    z-index: 9 !important;
    position: absolute !important;
    top: 75px !important;
    padding: 20px;
}

.ngdialog .ngdialog-theme-default {
    z-index: 99999 !important;
}

.nineDotmenuDialog {
    width: 0 auto !important;
}

.ngdialog .ngdialog-theme-default .nineDotmenuDialog .ngdialog-content {
    width: 0 auto !important;
}

.menu-wrapper {
    font-family: "Gotham-Book" !important;
}

.menu {
    margin-left: 10px;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 0.8em;
    cursor: pointer;
}

.leftmenu {
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 12px;
    cursor: pointer;
}

.menu:hover, .menu-active {
    color: #fa7200 !important;
}

.menu-active {
    color: #fa7200 !important;
}

.main-menu {
    margin-left: 5px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 0.8em;
    color: #000;
}

.header {
    color: #fa7200;
}

.flex-row {
    display: flex;
    flex-wrap: wrap;
    margin-right: -10px;
    margin-left: -10px;
}

/* icons */

.icon-faq:before {
    content: "\e928";
}

.icon-livechat:before {
    content: "\e929";
}

.icon-tracker:before {
    content: "\e924";
}

.icon-config:before {
    content: "\e925";
}

.icon-icon-profile:before {
    content: "\e926";
}

.icon-sites:before {
    content: "\e927";
}

.icon-left:before {
    content: "\e923";
}

.icon-right:before {
    content: "\e922";
}

.icon-caret-up:before {
    content: "\e920";
}

.icon-caret-down:before {
    content: "\e921";
}

.icon-eye:before {
    content: "\e91f";
}

.icon-info-filled:before {
    content: "\e91a";
}

.icon-minus:before {
    content: "\e91e";
}

.icon-plus:before {
    content: "\e91d";
}

.icon-back:before {
    content: "\e900";
}

.icon-calendar:before {
    content: "\e901";
}

.icon-cloud:before {
    content: "\e902";
}

.icon-configuration:before {
    content: "\e903";
}

.icon-delete:before {
    content: "\e904";
}

.icon-down:before {
    content: "\e905";
}

.icon-download:before {
    content: "\e906";
}

.icon-edit:before {
    content: "\e907";
}

.icon-home:before {
    content: "\e908";
}

.icon-network:before {
    content: "\e909";
}

.icon-up:before {
    content: "\e90a";
}

.icon-unified-communication:before {
    content: "\e90b";
}

.icon-internetaccess:before {
    content: "\e90c";
}

.icon-lan:before {
    content: "\e90d";
}

.icon-map:before {
    content: "\e90e";
}

.icon-check-mark:before {
    content: "\e90f";
    /* color: green;  */
    color: #525252;
}

.icon-menu:before {
    content: "\e910";
    color: #ffffff;
}

.icon-order:before {
    content: "\e911";
}

.icon-profile:before {
    content: "\e912";
}

.icon-share:before {
    content: "\e913";
}

.icon-upload:before {
    content: "\e914";
}

.icon-cart:before {
    content: "\e915";
}

.icon-help:before {
    content: "\e916";
}

.icon-private-line:before {
    content: "\e917";
}

.icon-info:before {
    content: "\e918";
}

.icon-close:before {
    content: "\e919";
}

.icon-caret-right:before {
    content: "\e91b";
}

.icon-caret-left:before {
    content: "\e91c";
}

.p-lr-50 {
    padding-left: 30px;
    padding-right: 50px;
}

.pl-4, .px-4 {
    padding-left: 2rem!important;
}

.mb-2, .my-2 {
    margin-bottom: .5rem!important;
}

.pl-3, .px-3 {
    padding-left: 1rem!important;
}

.pb-1 {
    padding-bottom: .25rem!important;
}

.py-1 {
    padding-bottom: .25rem!important;
}

.mb-3, .my-3 {
    margin-bottom: 1rem!important;
}

.mb-4, .my-4 {
    margin-bottom: 1.5rem!important;
}

.p-1 {
    padding: .25rem!important;
}

.menu-text-bold {
    font-weight: bold;
}

.righSidemenu {
    margin-left: 5px;
    font-weight: bolder;
    text-transform: uppercase;
    font-size: 0.8em;
    cursor: pointer;
}

.glyphicon-CMA:before {
    content: url('../images/CMA/cma-icon.svg');
}

.glyphicon-Cyber-Maturity-Assessment:before {
    content: url('../images/CMA/cma-icon.svg');
}

.glyphicon-Questionnaire-Upload:before {
    content: url('../images/CMA/cma-questionnaire-upload.svg');
}

.glyphicon-Assessment-Summary:before {
    content: url('../images/CMA/cma-assessment-summary.svg');
}

.glyphicon-selfservice:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\e019";
}

.popover {
    display: inline-block;
    position: relative;
}

.popover__menu {
    border-radius: 4px;
    border-top: 2px solid #49c5b6;
    background: #fff;
    list-style-type: none;
    margin: 8px 0;
    min-width: 100%;
    padding: 0.5rem 0;
    position: absolute;
    top: 100%;
    left: 0;
    box-shadow: 0 2px 3px 0 rgba(63, 63, 68, 0.2);
    transition-property: transform, opacity;
    transition-duration: 200ms;
    transition-timing-function: ease;
    transform: scale(0.9);
    transform-origin: top left;
    display: block;
    opacity: 0;
}

.popover__menu :after {
    bottom: 100%;
    left: 0.5rem;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #49c5b6;
    border-width: 7px;
}

.popover__menu-item {
    white-space: nowrap;
}

.popover--active .popover__menu {
    transform: scale(1);
    display: block;
    opacity: 1;
}

.red-tooltip+.tooltip>.tooltip-inner {
    background-color: #f00;
}

a {
    text-decoration: none;
}

.popover__title {
    font-size: 14px;
    color: black;
}

.popover__wrapper {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

.popover__content {
    opacity: 0;
    /* visibility: hidden; */
    display: none;
    position: absolute;
    left: -150px;
    transform: translate(0, 10px);
    background-color: #bfbfbf;
    padding: 1.5rem;
    width: auto;
}

.popover__content:before {
    position: absolute;
    z-index: -1;
    content: "";
    right: calc(50% - 10px);
    top: -10px;
    border-style: solid;
    border-width: 0 10px 10px 10px;
    border-color: transparent transparent #bfbfbf transparent;
    transition-duration: 0.3s;
    transition-property: transform;
}

.popover__wrapper .popover__content {
    margin-top: 25px;
    z-index: 10;
    opacity: 1;
    display: block;
    transform: translate(0, -20px);
    transition: all 0.5s cubic-bezier(0.75, -0.02, 0.2, 0.97);
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: .3rem;
    top: 5px;
    padding: 5px;
}

.popover__message {
    text-align: center;
}

/* .popover__title:focus + .popover__content{
    display:block;
    } */
    
.glyphicon-secureAccessServiceEdge:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\2601";
}

.glyphicon-Secure-Web-Gateway:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\e135";
}

.glyphicon-Secure-Private-Access:before {
    font-family: "Glyphicons Halflings" !important;
    content: "\e033";
}

/* Line below title */

.heading-line {
    border-bottom: 1px solid #EDEDED;
    padding: 10px 15px;
}

/*Text Alignment*/

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

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

.text-bold {
    font-weight: 400;
}

.text-lighterGray {
    color: #A7A7A7 !important;
}

/* For Background*/

.bg-white {
    background-color: #fff;
}

.bg-lighterGray {
    background-color: #F7F7F7 !important;
}

/* UI Tabs CSS Override*/

.ui-tabs {
    padding: 0px;
}

.ui-tabs .ui-tabs-nav {
    border-bottom: 1px solid #EDEDED;
    padding: 0px;
}

.ui-tabs li {
    font-size: 12px;
}

.ui-tabs .ui-state-active a {
    font-weight: 500;
    color: #595959 !important;
}

.ui-tabs .ui-state-hover a:hover {
    font-weight: 500;
    color: #595959 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active {
    padding-bottom: 0px;
    background-color: #FFFFFF;
    box-shadow: inset 0 0 61px #F2F2F2;
}

/* For Circle*/

.img-circle-sm {
    height: 12px;
    width: 12px;
    margin: auto;
    cursor: pointer;
    position: relative;
    /* z-index: 9; */
}

.img-circle-3-sm {
    height: 16px;
    width: 16px;
    margin: 2px 0 0 0;
    cursor: pointer;
    position: relative;
    /* z-index: 9; */
}

.img-circle-xs {
    height: 100%;
    width: 100%;
}

.circle-border {
    border: 1px solid #E2E2E2;
}

.circle-4 {
    height: 50%;
    width: 50%;
}

.circle-3 {
    height: 50%;
    width: 50%;
}

.padding-tb-15.contextual:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    position: absolute;
    left: 0px;
    top: 20px;
}

.padding-tb-5.contextual:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    position: absolute;
    left: 0px;
    top: 10px;
}

.table .contextual:after {
    content: "";
    width: 12px;
    height: 12px;
    border-radius: 999px;
    position: absolute;
    left: 0px;
    top: 1px;
}

.danger-after:after, .High-after:after, .high-after:after {
    background: #FF6452;
}

.white-after:after, .Low-after:after, .low-after:after {
    background: #fff;
    border: 1px solid #E2E2E2;
}

.warning-after:after, .Medium-after:after, .medium-after:after {
    background: #FBA81E;
}

.severity-low:after {
    background: #74bc62;
}

.success-after:after {
    background: #3BC25B;
}

.danger-border:after {
    border: 2px solid #FF6452;
}

.warning-border:after {
    border: 2px solid #FBA81E;
}

.success-border:after {
    border: 2px solid #3BC25B;
}

.primary-before:before, .primary-after:after {
    color: #4C83C4;
}

.status {
    height: 18px;
    line-height: 18px;
    display: inline-block;
}

.status>span {
    content: "";
    width: 15px;
    height: 15px;
    border-radius: 999px;
    position: absolute;
    left: 0px;
    top: 1px;
    background: transparent;
    border: 2px solid #E2E2E2;
}

span.In.Progress-after, span.in.Progress-after, span.In.progress-after, span.in.Progress-after {
    border: 2px solid #FBA81E;
}

span.open-after, span.Open-after {
    border: 2px solid #FF6452;
}

span.closed-after, span.Closed-after {
    border: 2px solid #3BC25B;
    -ms-transform: rotate(-20deg);
    /* IE 9 */
    -webkit-transform: rotate(-20deg);
    /* Chrome, Safari, Opera */
    transform: rotate(-20deg);
    overflow: hidden;
}

span.closed-after:after, span.Closed-after:before {
    content: "";
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 7px solid transparent;
    border-top: 5px solid #3BC25B;
    position: absolute;
    left: 1.5px;
    top: 3.5px;
}

span.closed-after:before, span.Closed-after:after {
    content: "";
    width: 0;
    height: 0;
    border-left: 2px solid transparent;
    border-right: 12px solid transparent;
    border-top: 4.5px solid #FFFFFF;
    position: absolute;
    left: 2.5px;
    top: 1.5px;
    z-index: 1;
}

/* For Circle */

/* Circle list type */

ul.contextual-sort {
    padding: 0px;
    height: 37px;
    list-style: none;
    margin: 0px;
    background-color: #EDEDED;
    border-bottom: 1px solid #EDEDED;
    float: left;
    width: 100%;
}

ul.contextual-sort>li {
    display: block;
    width: 20%;
    float: left;
    padding: 12px 0px 10px;
    cursor: pointer;
}

ul.contextual-sort>li:hover, ul.contextual-sort>li.active, ul.contextual-sort>li:focus {
    border-bottom: 4px solid #a7be38;
}

/* ul.contextual-sort > li:last-child{
	border-bottom: 0px;
} */

.circle-dropdown {
    position: absolute;
    color: #FFFFFF;
    background: #595959;
    top: 150%;
    display: none;
    width: 153px;
    left: -77px;
    margin-top: 10px;
    margin-left: 3px;
    padding: 10px 0px;
}

.circle-dropdown:before {
    left: 50%;
    margin-left: -3px;
}

ul.contextual-sort>li:hover .circle-dropdown {
    display: block;
}

.tab-div {
    border-bottom: 1px solid #EAEAEA;
    position: relative;
}

/* Circle list type */

/* Dropdown for circles */

/* Dropdown for circles */

/* Start HMS Widget*/

.hms-rightline {
    border-right: 1px solid #EDEDED;
}

.hms-bottomline {
    border-bottom: 1px solid #EDEDED !important;
}

/*
.glyphicon-pencil{
	position: absolute;
	top: 0px;
	right: 0px;
}
.glyphicon-trash{
	position: absolute;
	right: 0px;
	top: 0px;
}*/

.editable {
    position: absolute;
    right: 0px;
    top: 0px;
}

.editable .glyphicon {
    background-color: transparent !important;
}

.editable *:hover {
    background-color: #A7A7A7 !important;
    color: #FFFFFF !important;
    cursor: pointer;
}

.editable a:hover {
    background-color: transparent !important;
}

.card .editable {
    top: 5px;
}

.card .editable a {
    color: #666666;
}

#hms .ui-tabs .ui-tabs-nav li {
    width: 25%;
    margin: 0px;
    border-left: thin solid #EDEDED;
    height: 40px;
}

#hms .ui-tabs .ui-tabs-nav li:first-child {
    border-left: none;
}

#hms .ui-tabs .ui-tabs-nav li a {
    width: 100%;
    text-align: center;
    font-size: 16px;
}

nav li {
    cursor: pointer;
}

/* Icon Override */

.ui-icon {
    display: inline-block !important;
    text-indent: 0px !important;
}

/* Icon Override */

/* Accordion Override*/

.accordion.ui-accordion {
    margin-bottom: 10px;
    width: 100%;
    float: left;
}

.ui-accordion-header {
    border: 1px solid #EDEDED;
}

.ui-accordion .ui-accordion-content {
    background-color: #E2E0E1;
    width: 100%;
    /*height: auto !important;*/
}

.ui-accordion-content:after {
    overflow: none !important;
}

.ui-accordion .ui-accordion-icons {
    padding-left: 35px;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
    margin-top: -15px;
}

/* Accordion Override*/

* {
    outline: none !important;
}

.hms-tile-height {
    height: 220px;
    box-shadow: 0px 1px 1px 0px #BBBBBB;
    overflow: auto;
}

.hms-plus-tile {
    font-size: 50px;
    text-align: center;
    overflow: hidden;
}

.hms-plus-tile.glyphicon:before {
    font-size: 90px;
    line-height: inherit;
    text-align: center;
}

#hms .form-control {
    font-size: 12px;
}

.zone-tile-height {
    height: 230px
}

/* End HMS Widget*/

.margin-l-10 {
    left: 10px;
}

.margin-r-35 {
    right: 35px;
}

.margin-tr-15 {
    top: 15px;
    right: 15px;
}

.ui-progressbar {
    height: 8px;
    -moz-box-shadow: inset 0px 1px 6px #cccccc;
    -webkit-box-shadow: inset 0px 1px 6px #cccccc;
    box-shadow: inset 0px 1px 6px #cccccc;
    position: relative;
}

.ui-progressbar-value {
    position: absolute;
    left: 0px;
    top: 0px;
    height: 100%;
    overflow: hidden;
}

.ui-progressbar-value:after {
    content: "";
    position: absolute;
    left: -10%;
    top: 0px;
    width: 5px;
    height: 8px;
    box-shadow: 0px 0px 47px 10px #FFFFFF;
    background-color: rgba(255, 255, 255, 0.4);
    -webkit-animation-name: progressEffect;
    /* Chrome, Safari, Opera */
    -webkit-animation-duration: 3s;
    /* Chrome, Safari, Opera */
    animation-name: progressEffect;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    -webkit-animation-iteration-count: infinite;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

.ui-accordion .ui-accordion-header {
    padding-top: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #BBBBBB;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    background: transparent;
    font-weight: 300;
    color: #555555;
}

/* For UI Slider */

.ui-slider-handle {
    top: -10px;
    margin-left: -10px;
    position: absolute;
    z-index: 2;
    width: 20px;
    height: 20px;
    cursor: default;
    -ms-touch-action: none;
    touch-action: none;
}

.ui-slider {
    height: 4px;
    margin: 20px 0px;
    border: none;
    -moz-box-shadow: inset 0px 1px 4px #cccccc;
    -webkit-box-shadow: inset 0px 1px 4px #cccccc;
    box-shadow: inset 0px 1px 4px #cccccc;
}

.ui-slider-handle:after {
    content: "";
    transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    /* IE 9 */
    -webkit-transform: rotate(45deg);
    /* Safari and Chrome */
    -o-transform: rotate(45deg);
    /* Opera */
    -moz-transform: rotate(45deg);
    /* Firefox */
    background-color: #FFFFFF;
    width: 20px;
    height: 20px;
    position: absolute;
    top: -6px;
    left: 0px;
    -webkit-border-radius: 25px 10px 10px 10px;
    -moz-border-radius: 25px 10px 10px 10px;
    border-radius: 25px 10px 10px 10px;
    border: thin solid #CCCCCC;
    cursor: ew-resize;
    box-shadow: 1px 1px 6px -3px #000000;
}

.ui-slider-handle.second {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    -moz-transform: rotate(180deg);
    /* Firefox */
}

.ui-slider-handle .pValue {
    width: 200px;
    left: -90px;
    position: absolute;
    top: -20px;
    text-align: center;
}

.ui-slider-handle.second .pValue {
    transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    /* IE 9 */
    -webkit-transform: rotate(180deg);
    /* Safari and Chrome */
    -o-transform: rotate(180deg);
    /* Opera */
    -moz-transform: rotate(180deg);
    /* Firefox */
    top: -25px;
}

.ui-slider-handle.second:after {
    top: -9px;
    box-shadow: -1px -1px 6px -3px #000000;
}

.ui-slider-handle.ui-state-active {
    cursor: ew-resize;
}

/* Chrome, Safari, Opera */

@-webkit-keyframes progressEffect {
    from {
        left: -10%;
    }
    to {
        left: 110%;
    }
}

/* Standard syntax */

@keyframes progressEffect {
    from {
        left: -10%;
    }
    to {
        left: 110%;
    }
}

.white-accordion.ui-accordion .ui-accordion-content {
    background-color: #FFFFFF;
}

.white-accordion.ui-accordion .ui-accordion-header {
    border: 0px;
    border-bottom: 1px solid #EDEDED;
}

.white-accordion.ui-accordion .hms-tile-height {
    box-shadow: none;
    height: auto;
}

.white-accordion.ui-accordion {
    border: 1px solid #EDEDED;
}

/* Pagination override */

.pagination {
    margin: 0px;
    float: right;
}

.pagination>li {
    width: 30px;
    height: 20px;
    float: left;
}

.pagination>li>a {
    border: none;
    border-radius: 50% !important;
    padding: 1px 7px;
}

.pagination-nav {
    border-radius: 50% !important;
    background-color: #E2E0E1;
    color: #666666;
    font-family: 'Tataicon-Regular' !important;
    width: 20px !important;
    padding: 1px 4px !important;
}

.pagination-nav.prev:before {
    content: "k";
    font-size: 10px !important;
    text-align: center;
    padding: 2px 0 2px 1px !important;
    display: flex;
}

.pagination-nav.next:before {
    content: "o";
    font-size: 10px !important;
    text-align: center;
    padding: 2px 0 2px 2px !important;
    display: flex;
}

/* Line Arrow */

.line-arrow-left {
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid #929292;
    position: absolute;
}

.line-arrow-left:after {
    content: "";
    width: 0;
    height: 0;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 4px solid #FFFFFF;
    right: -6px;
    position: absolute;
    top: -4px;
}

.line-arrow-up-white {
    border-bottom: 6px solid #ffffff !important;
}

.line-arrow-up-white:after {
    border-bottom: 4px solid #929292 !important;
}

.line-arrow-down-white {
    border-top: 6px solid #ffffff !important;
}

.line-arrow-down-white:after {
    border-top: 4px solid #929292 !important;
}

.line-arrow-spacing {
    top: 8px;
    position: relative;
}

/**** For Table Blank style ****/

.table-blank thead {
    background: none;
    color: #656565;
    text-transform: none !important;
}

.table-blank.table>tbody>tr>td, .table-blank.table>tbody>tr>th, .table-blank.table>tfoot>tr>td, .table-blank.table>tfoot>tr>th, .table-blank.table>thead>tr>td, .table-blank.table>thead>tr>th {
    border: none !important;
    padding: 0px !important;
}

/** End of Table Blank **/

.ui-accordion .ui-accordion-content {
    padding: 10px 10px 15px 10px;
}

.cursor-hover {
    cursor: pointer;
}

.cursor-notallowed {
    cursor: not-allowed;
}

/** Custom Dropdown box styles **/

.custom-select {
    height: 33px;
    border: 1px solid #cccccc;
    position: relative;
    background: #ffffff;
    border-radius: 3px;
    width: 100%;
    overflow: hidden;
    color: #595959;
    cursor: pointer;
}

.custom-select.focused {
    border: 1px solid #4C83C4;
}

.custom-select.disabled {
    opacity: 0.5;
    cursor: not-allowed;
}

.disabledDiv {
    cursor: not-allowed;
    pointer-events: none;
    opacity: 0.5;
    background: #CCC;
}

table .custom-select {
    border: 1px solid #4C83C4;
    color: #4C83C4;
}

.custom-select:before {
    right: 5px;
    z-index: 9;
    position: absolute;
    font-size: 10px;
    top: 1px;
    background-color: inherit;
    height: 100%;
    padding: 10px 3px;
    font-weight: 500;
}

.custom-select:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    background: transparent;
    top: 0px;
    left: 0px;
}

/*.custom-select.activate{
	overflow: initial;
}*/

/*DINESH*/

/*IT IS USED TO DISPLAY THE DROPDOWN IN IE11*/

.custom-select.activate {
    overflow: visible;
}

/*DINESH*/

.custom-select.activate:after {
    display: none;
}

.custom-select .option-wrapper {
    position: absolute;
    left: 0px;
    top: 0px;
    background: inherit;
    width: 100%;
    /*z-index: 9;*/
    border-radius: 3px;
    overflow: hidden;
    /* min-width: 150px; */
    width: 100% !important;
    max-height: 250px;
    overflow: auto;
}

.custom-select.searchable.activate .option-wrapper {
    top: 32px;
}

.custom-select.searchable.upword.activate .option-wrapper {
    bottom: 32px !important;
}

.custom-select.activate .option-wrapper {
    z-index: 999999;
}

.custom-option {
    display: none;
    padding: 8px;
    font-size: 12px;
    width: 100%;
    background: inherit;
    height: 33px;
    color: #595959;
    text-transform: uppercase;
    line-height: 18px;
}

table .custom-option {
    color: #4C83C4;
}

.custom-option:first-child {
    border-radius: 3px 3px 0px 0px;
}

.custom-option:last-child {
    border-radius: 0px 0px 3px 3px;
}

.custom-select.activate .custom-option {
    display: block;
    height: auto;
}

.custom-select.activate {
    border: none;
}

/*.custom-select.activate .option-wrapper{
	border: 1px solid #4C83C4;
}*/

/*DINESH*/

.custom-select.activate .option-wrapper {
    border: 1px solid #a7be38;
}

/*DINESH*/

.custom-select.activate .custom-option:hover {
    background-color: #4c83c4;
    color: #fff !important;
    cursor: pointer;
}

/**** multiLevel select styles -> ****/

.custom-select .custom-option.level-2, .custom-select .custom-option.level-3, .custom-select .custom-option.level-4, .custom-select .custom-option.level-5, .custom-select .custom-option.level-6 {
    display: none;
}

.custom-select.activate .custom-option.level-2 {
    padding-left: 45px;
}

.custom-select.activate .custom-option.level-3 {
    padding-left: 65px;
}

.custom-select.activate .custom-option.level-4 {
    padding-left: 85px;
}

.custom-select.activate .custom-option.level-5 {
    padding-left: 105px;
}

.custom-select.activate .custom-option.level-6 {
    padding-left: 125px;
}

.custom-select.activate .custom-option.level-2.showLevel, .custom-select.activate .custom-option.level-3.showLevel, .custom-select.activate .custom-option.level-4.showLevel, .custom-select.activate .custom-option.level-5.showLevel, .custom-select.activate .custom-option.level-6.showLevel {
    display: block;
}

.custom-option.father {
    padding-left: 25px;
}

.custom-option.father:before {
    content: "n";
    font-family: 'Tataicon-Regular' !important;
    text-transform: initial !important;
    font-size: 18px;
    position: absolute;
    left: 5px;
    top: initial;
}

.custom-option.father.active:before {
    content: "l";
}

.custom-select.activate .custom-option.level-2:before, .custom-option.level-2:before {
    left: 25px;
}

.custom-select.activate .custom-option.level-3:before, .custom-option.level-3:before {
    left: 45px;
}

.custom-select.activate .custom-option.level-4:before, .custom-option.level-4:before {
    left: 65px;
}

.custom-select.activate .custom-option.level-5:before, .custom-option.level-5:before {
    left: 85px;
}

/**** <- multiLevel select styles ****/

.custom-option.engaged {
    display: block !important;
}

.custom-select.activate .custom-option {
    display: block;
    height: auto;
}

.custom-select.activate {
    border: none;
}

/*.custom-select.activate .option-wrapper{
	border: 1px solid #4C83C4;
}*/

/*DINESH*/

.custom-select.activate .option-wrapper {
    border: 1px solid #a7be38;
}

/*DINESH*/

.custom-select.activate .custom-option:hover {
    background-color: #4c83c4;
    color: #fff !important;
    cursor: pointer;
}

.multiFilter {
    position: relative;
}

.multiFilter .custom-select {
    width: 30px;
    position: absolute;
    right: 0px;
    top: 0px;
    background: #949494 !important;
    border: 0px;
    border-radius: 0px !important;
}

.multiFilter .custom-select:before {
    width: 100%;
    color: #FFFFFF;
    content: "s";
    font-size: 16px;
    font-weight: normal;
}

/* .multiFilter .custom-select.filtered:before {
    color: #4C83C4;
} */

.multiFilter .custom-select.activate .custom-option {
    background: #595959;
    border-radius: 0px !important;
    color: #FFFFFF !important;
    transition: background-color 300ms ease;
}

.multiFilter .custom-select.activate .custom-option:hover {
    background: #494949;
}

.multiFilter .custom-select .option-wrapper {
    top: 35px;
    left: initial !important;
    right: 0px !important;
    background-color: #595959;
    border: 0px;
    overflow: initial;
}

.multiFilter .option-wrapper:before {
    font-family: 'Tataicon-Regular' !important;
    content: "h";
    top: -8px;
    transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    position: absolute;
    right: 17px;
    color: #595959;
}

.card {
    position: relative;
    padding: 10px 10px 0px 10px;
    margin-top: 0px !important;
    cursor: pointer;
    transition: all 300ms ease;
}

.card:hover {
    box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
    background: linear-gradient(0deg, #FFFFFF 98%, #4C83C4 2%);
}

.card.add-card:hover {
    background: #E2E0E1 !important;
}

/****** Environment page ******/

/***** Card dropdown *****/

.carddrop-select {
    position: absolute;
    background: #ffffff;
    width: 100%;
    /*DINESH
	overflow: hidden;
	*/
    margin-left: 0px;
    box-sizing: border-box;
    left: 0px;
    height: 44px;
    bottom: -44px;
    /*top: initial;*/
    top: 44px;
    opacity: 0;
    transition: opacity 180ms ease;
}

.carddrop-select:before {
    position: absolute;
    right: 15px;
    top: -9px;
    font-size: 14px;
    color: #FFFFFF;
}

.carddrop-select:after {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 99;
}

.carddrop-click {
    position: absolute;
    right: 0px;
    bottom: 0px;
    height: 45px;
    width: 45px;
    top: inherit;
}

.carddrop-click:before {
    float: right;
    height: 45px;
    width: 45px;
    text-align: center;
    line-height: 41px;
}

.carddrop-click:hover:before {
    background-color: #A7A7A7 !important;
    color: #ffffff !important;
}

.carddrop-click.activate {
    width: 100%;
    padding-left: 0px;
    box-sizing: initial;
}

.carddrop-click.activate:before {
    background-color: #666666 !important;
    color: #ffffff !important;
}

.carddrop-click.activate .carddrop-select {
    overflow: initial;
    opacity: 1;
}

.carddrop-click.activate .carddrop-select:after {
    display: none;
}

.carddrop-click .option-wrapper {
    position: absolute;
    left: 0px;
    /*DINESH
	top: 0px;
    */
    background: #ffffff;
    width: 100%;
    z-index: 9;
    overflow: hidden;
}

.carddrop-click.activate .option-wrapper {
    z-index: 999999;
    box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
    -moz-box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
    -webkit-box-shadow: 0px 5px 13px 0px rgba(119, 119, 119, 0.5);
}

.carddrop-option {
    display: none;
    padding: 12px 8px;
    font-size: 14px;
    width: 100%;
    background: #ffffff;
    font-weight: 500;
    box-sizing: initial;
}

.carddrop-option.engaged {
    display: block;
}

.carddrop-click.activate .carddrop-option {
    display: block;
}

.carddrop-click.activate .carddrop-select {
    border: none;
}

.carddrop-click.activate .carddrop-option:hover {
    background-color: #4C83C4;
    color: #ffffff;
    cursor: pointer;
}

.carddrop-click.activate .carddrop-option:hover a {
    color: #ffffff;
}

.card-name {
    font-weight: 500;
}

select.show {
    display: inline-block !important;
}

.card-delete {
    position: absolute;
    right: 0px;
    top: 8px;
}

.card-delete:hover {
    background-color: #A7A7A7 !important;
    color: #ffffff !important;
}

.excerptArrow.glyphicon:before {
    font-size: 14px;
}

.odd {
    background-color: #F7F7F7;
}

.animate-repeat {
    opacity: 1;
}

.animate-repeat.ng-enter {
    opacity: 0;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}

.animate-repeat.ng-enter-active {
    opacity: 1;
}

/** Durga **/

.medium-small-text {
    font-size: 14px;
}

#toolbox {
    width: 100%;
}

.margin-t-common {
    margin-top: -17px;
    border: 0px;
}

.hms-leftline {
    border-left: 1px solid #EDEDED;
}

.tile-box {
    padding: 0px 10px 15px 10px;
    background-color: #E2E0E1;
}

.lastline {
    border-bottom: 1px solid #EDEDED;
}

.lastline :last-child {
    border-bottom: 0px;
}

.margin-l-change {
    margin-left: 62px;
}

/** Durga **/

/** Table css **/

.ag-fresh .ag-header-cell-menu-button {
    border: none !important;
    margin-top: 0px !important;
    opacity: 1 !important;
}

.ag-fresh .ag-header-cell-menu-button:before {
    content: "s";
    font-family: 'Tataicon-Regular' !important;
    text-transform: initial !important
}

.ag-fresh .ag-header-cell-menu-button svg {
    display: none;
}

.ag-fresh .ag-root {
    font-family: 'GothamBook', Helvetica, Sans-Serif !important;
}

.ag-fresh .ag-filter {
    padding: 10px;
}

.ag-filter-filter {
    width: 100%;
    margin: 0px 0px 10px 0px;
}

.deptTilesMinHeight {
    min-height: 258px !important;
}

/* Durga */

.pwdbox-show-hide {
    padding: 10px;
    border: 1px solid black;
    background: white;
}

.pwdbox-show-hide {
    -webkit-transition: all linear 0.5s;
    transition: all linear 0.5s;
}

.pwdbox-show-hide.ng-hide {
    opacity: 0;
}

.ngdialog.dialogwidth500 .ngdialog-content {
    width: 500px !important;
    /*height: 400px !important;*/
    overflow-y: auto;
}

.ngdialog.dialogwidth600 .ngdialog-content {
    width: 600px !important;
    /*height: 400px !important;*/
    overflow-y: auto;
}

.ngdialog.dialogwidth700 .ngdialog-content {
    width: 700px !important;
    /*height: 400px !important;*/
    /* overflow-y: auto; */
}

.ngdialog.dialogwidth800 .ngdialog-content {
    width: 800px !important;
    /*height: 400px !important;*/
    overflow-y: auto;
}

.ngdialog.dialogwidth850 .ngdialog-content {
    width: 850px !important;
    /*height: 400px !important;*/
    overflow-y: auto;
}

.ngdialog.dialogwidth900 .ngdialog-content {
    width: 900px !important;
    /*height: 450px !important;*/
    overflow-y: auto;
}

.ngdialog.dialogwidth1000 .ngdialog-content {
    width: 900px !important;
    /* height: 450px !important; */
    overflow-y: auto;
    height: auto !important;
}

.ngdialog.dialogwidth450 .ngdialog-content {
    width: 900px !important;
    /*height: 450px !important;*/
    overflow-y: auto !important;
}

.ngdialog.ngdialog-xl .ngdialog-content {
    width: 1000px !important;
    /* min-height: 200px !important; */
    max-height: 800px !important;
    overflow-y: auto;
    border: 1px solid;
    background-color: ghostwhite;
}

.ngdialog.ngdialog-lg .ngdialog-content {
    width: 900px !important;
    max-height: 700px !important;
    overflow-y: auto;
    border: 1px solid;
    background-color: ghostwhite;
}

.ngdialog.ngdialog-md .ngdialog-content {
    width: 800px !important;
    max-height: 600px !important;
    overflow-y: auto;
    border: 1px solid;
    background-color: ghostwhite;
}

.ngdialog.ngdialog-sm .ngdialog-content {
    width: 700px !important;
    max-height: 500px !important;
    overflow-y: auto;
    border: 1px solid;
    background-color: ghostwhite;
}

.ng-toast {
    margin-top: 100px;
}

.noclass {
    color: #FFF;
    text-decoration: none;
}

.noclass:hover {
    color: #FFF;
    text-decoration: none;
}

/* Durga */

/* bala */

.topicon_router {
    background-image: url("../../images/router.png");
}

.topicon_server {
    background-image: url("../../images/server.png");
}

#deptMgAdduser {
    list-style: none !important;
    height: 200px;
    overflow: auto;
}

.inc-round:after {
    content: "";
    position: absolute;
    border-radius: 50%;
    width: 38px;
    height: 38px;
    z-index: 0;
    left: 3px;
    top: 5px;
}

.inc-round-inner {
    position: absolute;
    z-index: 1;
}

.highcharts-container {
    width: 100% !important;
    height: 100% !important;
}

.text-firstUppercase {
    text-transform: capitalize;
}

.comments-border {
    border-top: 1px solid #CCC;
}

.cron-select {
    display: inline-block;
    width: 110px;
    height: 34px;
    padding: 6px 12px;
    margin: 0;
    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, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    -webkit-transition: border-color ease-in-out 0.15s, -webkit-box-shadow ease-in-out 0.15s;
    -o-transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
    transition: border-color ease-in-out 0.15s, box-shadow ease-in-out 0.15s;
}

.select-options {
    display: inline-block;
}

.card-new {
    position: relative;
    padding: 5px 5px 0px 5px;
    margin-top: 0px !important;
    cursor: pointer;
    transition: all 300ms ease;
}

.border-bottom {
    padding: 10px 25px 10px 1px;
    list-style: none;
    margin: 0px;
    border-bottom: 1px solid #EDEDED;
}

.ui-accordion .ui-accordion-content {
    padding: 0px 5px 15px 10px;
}

.hms-card-height {
    height: 230px;
    overflow: auto;
}

.hms-card-heightNew {
    height: 320px;
    overflow: auto;
}

.hms-card-half-height {
    height: 110px;
    overflow: auto;
}

.hms-widget-height {
    height: 250px;
    overflow: auto;
}

.card-small-new {
    position: relative;
    padding: 5px 5px 0px 5px;
    margin-top: 0px !important;
    cursor: pointer;
    transition: all 300ms ease;
}

.ui-widget-content {
    border: 1px solid #cccccc;
    background: #ffffff;
    color: #595959;
}

.zone-card-height {
    min-height: 150px;
    overflow: auto;
    max-height: 150px;
}

.vmterminate-card-height {
    min-height: 100px;
    overflow: auto;
    max-height: 230px;
}

/* dinesh */

.back-top {
    background: #4c83c4;
    bottom: 68px;
    cursor: pointer;
    display: none;
    height: 57px;
    opacity: 0.8;
    position: fixed;
    right: 30px;
    width: 54px;
    z-index: 9;
}

.back-top:before {
    font-family: 'Tataicon-Regular' !important;
    content: "p";
    font-size: 26px;
    left: 14px;
    position: absolute;
    top: 9px;
    color: #cccccc;
}

.glyp-success {
    color: #2ACA35 !important;
}

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

.myAccMinHeight {
    min-height: 310px !important;
}

.wrap {
    word-wrap: break-word;
}

.cmdb-color {
    color: #4C83C4;
}

.new .custom-select.activate .custom-option:hover {
    background: #EDEDED;
    color: #000 !important;
}

.text-capitalize {
    text-transform: capitalize;
}

.text-boldnew {
    font-weight: 400;
}

.alertb {
    text-transform: lowercase;
    display: inline-block;
}

.alertb::first-letter {
    text-transform: uppercase;
}

.assettab .nav-tabs>li.active>a {
    box-shadow: none !important;
}

/*DINESH-configprofile page box width adjustment*/

.box_wdth {
    width: 21%;
    border: 1px solid #cdcdcd;
    box-shadow: none;
}

/*DINESH-configprofile page box width adjustment
.testlabel{
	padding-top:9px;word-wrap: break-word;
}*/

.word-break {
    word-break: break-word;
}

.text-capitalize {
    text-transform: capitalize;
}

.table>thead>tr>th {
    padding-right: 30px;
}

.text-border {
    border-right: 1px solid #E2E2E2;
    color: #595959;
}

.highcharts-container {
    overflow: hidden !important;
}

/* UI Select Box - start */

.selectize-control.single:hover .selectize-input:hover, .selectize-dropdown.single:hover {
    border: 1px solid red !important;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single {
    border: 1px solid #cccccc !important;
}

.selectize-control.single .selectize-input, .selectize-dropdown.single {
    background: #ffffff !important;
}

.selectize-dropdown .active {
    color: #ffffff !important;
    background-color: #4c83c4 !important;
}

.select2-container .select2-choice {
    background: #FFFFFF !important;
    border-color: #ccc !important;
}

.select2-container .select2-choice .select2-arrow {
    border-left: none !important;
    background: #FFFFFF !important;
}

.select2>.select2-choice.ui-select-match {
    height: 35px !important;
    border-radius: 4px;
    border: 1px solid #ccc;
}

.select2-container .select2-choice>.select2-chosen {
    margin-top: 5px;
}

.select2>.select2-choice.ui-select-match {
    height: 35px !important;
    border-radius: 2px !important;
}

.select2-drop {
    color: #4c83c4 !important;
    line-height: 1.5em;
    font-weight: 400;
}

.select2-container .select2-choice {
    font-weight: 400;
}

.select2-drop-active {
    border-left: 1px solid #ccc !important;
    border-right: 1px solid #ccc !important;
    border-bottom: 1px solid #ccc !important;
    margin-top: -3px !important;
}

.select2-container-multi .select2-choices {
    border: 1px solid #ccc !important;
}

/* UI Select Box - end */

#ngProgress {
    position: fixed;
    top: 0;
    z-index: 100;
}

.tooltip-inner {
    background-color: #4C83C4 !important;
}

.tooltip.top .tooltip-arrow {
    border-top-color: #4C83C4 !important;
}

.selAsset {
    border-top: 4px solid #a7be38;
}

.selEmptyAsset {
    border-top: 4px solid #a7be38;
}

.tableRowSelected {
    background: #224165 !important;
    color: white !important;
}

.popover {
    max-width: 400px;
}

.dragIcon {
    cursor: move;
}

.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.masonry-item {
    display: inline-block;
    background: #fff;
    /*padding: 1.5em;*/
    padding-right: 10px;
    padding-left: 10px;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    float: none;
    height: 540px;
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 1;
        -webkit-column-count: 1;
        column-count: 1;
        width: 100%;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        width: 100%;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
        width: 100%;
    }
}

.mhover {
    border: 1px solid red;
}

control-widget {
    float: left;
    width: inherit;
}

.height100 {
    height: 100%
}

.moveToHome {
    bottom: 20px;
    position: absolute;
    right: 30px;
}

.listFixexHeight {
    list-style-type: none;
    height: 250px;
    overflow: auto;
}

.glyp-red {
    width: 15px;
    height: 15px;
    border-radius: 999px;
    margin: 3px 2px;
    background: #FF6452 !important;
}

.heightx {
    height: 300px;
    overflow: auto;
}

.pre {
    white-space: pre-line!important;
    white-space: -moz-pre-wrap !important;
    /* Mozilla, since 1999 */
    white-space: -pre-wrap !important;
    /* Opera 4-6 */
    white-space: -o-pre-wrap !important;
    /* Opera 7 */
    word-wrap: break-word !important;
    /* Internet Explorer 5.5+ */
}

.panel-body {
    padding: 0px;
}

/* PACKER IMAGES */

.textarea-height {
    min-height: 300px;
}

.template>.form-control:focus {
    border-color: #a7be38;
    box-shadow: none !important;
}

/* ICS Dashboard */

.ics-endpoint-account-info {
    width: 100%;
    float: left;
    border-bottom: 1px solid #EDEDED;
    padding: 8px 0px 8px 0px;
    border-left: 3px solid transparent;
    word-break: break-all;
}

/* ICS Dashboard */

/*ICS Engagement Screen start*/

.configTabs1 {
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #CCCCCC;
}

.configTabs1 .tabIcons {
    font-size: 20px;
    text-align: center;
    width: 16%;
    color: #4C83C4;
    opacity: 0.5;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
    z-index: 2;
    vertical-align: super;
}

.configTabs1 .tabIcons small {
    font-size: 16px;
    margin-top: 5px;
    display: inline-block;
    margin-left: 5px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

.configTabs1 .tabIcons:hover {
    opacity: 1;
}

.configTabs1 .activeTab {
    opacity: 1;
}

.configTabs1:after {
    content: '';
    width: 16%;
    height: 100%;
    background: #f1f9f5;
    position: absolute;
    transition: .5s;
}

.endpointListContainer .warning-alert-ep {
    position: absolute;
    left: 20px;
    top: 18px;
    color: yellow;
}

.fa-shield.activeTab~.configTabs1:after {
    left: 0%;
}

.fa-users.activeTab~.configTabs1:after {
    left: 17%;
}

.fa-database.activeTab~.configTabs1:after {
    left: 34%;
}

.ngdialog.dialogwidth400 .ngdialog-content {
    width: 700px !important;
    height: 400px !important;
    overflow: hidden;
}

/* without both container and firewall tab */

.usertab.fa-users.activeTab~.configTabs1:after {
    left: 0%;
}

.userFirewallTab.fa-users.activeTab~.configTabs1:after {
    left: 16%;
}

.userFirewallTab.fa-shield.activeTab~.configTabs1:after {
    left: 0%;
}

/* without Vdom */

.usercontainertab.fa-users.activeTab~.configTabs1:after {
    left: 0%;
}

.usercontainertab.fa-database.activeTab~.configTabs1:after {
    left: 16%;
}

/*With Firewall Tab*/

.fa-shield.activeTab~.configTabs1:after {
    left: 0%;
}

.fa-database.activeTab~.configTabs1:after {
    left: 32%;
}

.fa-users.activeTab~.configTabs1:after {
    left: 16%;
}

/* ICS Tab CSS End */

/* ICS Menu Bar */

.glyphicon-Dashboard:before {
    font-family: 'glyphicon glyphicon-dashboard' !important;
    content: "\e141" !important;
    font-size: 1em;
}

.glyphicon-Engagements:before {
    font-family: 'glyphicon glyphicon-Partner-Subscription';
    content: "T";
    font-size: 1em;
}

.glyphicon-Message-Configuration:before {
    font-family: 'glyphicon glyphicon-envelope';
    content: "\2709";
    font-size: 1em;
}

/* ICS Menu Bar */

/* ICS Fixed Table */

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

.table-fixed tbody {
    height: 400px !important;
    overflow-x: auto !important;
    overflow-y: auto !important;
    width: 100% !important;
}

.table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
    display: block !important;
}

.table-fixed tbody td, .table-fixed thead>tr>th {
    display: inline-block !important;
    border-bottom-width: 0 !important;
}

/* ICS Fixed Table */

/* ICS Cards for Message */

.ics-msg-container {
    border: 1px solid #e3dcdc;
    border-radius: 2px;
    padding: 25px;
}

/* ICS Cards for Message */

.ics-container .panel-body {
    background-color: white !important;
}

.trumbowyg-editor b, strong {
    font-weight: 700 !important;
}

/* SIGS START*/

.msnav {
    overflow: hidden;
    padding: 0px;
    color: white;
}

.msnav div.inline-menu {
    display: inline-block;
    padding: 14px 30px;
}

.msnavTopContainer {
    overflow: hidden;
    background-color: #666666;
    padding: 0px;
    color: white;
}

.msnavTopContainer div {
    padding: 15px 25px;
    float: left;
}

.msnavTopContainer div.activeTopContainer {
    background-color: #454545;
}

.msnavTopContainer div:hover {
    background-color: #353535;
}

.currentEndpoint:after {
    content: "";
    position: absolute;
    height: 0;
    width: 0;
    left: 100%;
    top: 0;
    border: 17.7px solid transparent;
    border-left: 15px solid #4c83c4;
}

.endpointList {
    /* height: 37px; */
    position: relative;
    width: 85px !important;
    padding-left: 5px;
    line-height: 35px;
    border-bottom: 1px solid rgba(49, 50, 53, 0.15);
    border: 1px solid #e4e4e4;
    margin-top: 2px;
    background: #ededed;
}

.currentEndpoint {
    color: white;
    background-color: #4c83c4 !important;
}

.box {
    background: white;
}

.subSectionHeader {
    background: #007785;
    color: white;
    position: relative;
}

.subSectionTitle {
    line-height: 32px;
}

.subSectionToggler {
    position: absolute;
    right: 10px;
    padding: 5px;
    margin-left: .3em;
    margin-top: 5px;
    cursor: pointer;
}

.scheduler-border {
    border: 1px solid #ccc !important;
    padding: 5px 15px !important;
    margin: 0 0 1.5em 0 !important;
    -webkit-box-shadow: 0px 0px 0px 0px #ccc;
    box-shadow: 0px 0px 0px 0px #ccc;
}

.tabbedData {
    overflow: hidden;
    background-color: #4C83C4;
    padding: 0px;
    color: white;
}

.sigsActiveTab {
    background: white;
    color: black;
}

.sigsNonActiveTab {
    background: #3F51B5;
    color: white;
}

.nodeBtn {
    padding: 3px 10px;
    background: white !important;
    margin-top: 6px;
}

.nodeBtn:hover {
    color: #4c83c4 !important;
}

.menuPlusMinus {
    background-color: rgba(0, 0, 0, 0.12) !important;
}

fieldset {
    padding: .35em .625em .75em;
    margin: 0 2px !important;
    border: 1px solid silver;
}

legend {
    width: auto;
    border-bottom: 0px;
}

.addSlash:before {
    content: "-";
}

.glyphicon-delete:hover {
    background-color: #ededed;
}

.content-with-sidebar {
    border: 1px solid #ededed;
    padding: 8px 12px;
    border-left: 4px solid #4CAF50;
    margin-top: 10px;
}

.accordionTitleBox {
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    cursor: pointer;
    padding: 5px !important;
    background-color: #4C83C4 !important;
    color: white;
}

/* SIGS END */

a.btn {
    font-weight: normal;
    font-size: 13px;
}

mark {
    color: red;
    border: 1px solid red;
    border-radius: 3px;
}
.selectitemshow {
    display: block !important;
    margin-top: -10px;
    margin-right: 40px;
    width: 20%;
    float: right;
}

.selectitemhide {
    display: none !important;
}

.word-wrap {
    word-break: break-all;
}

.panel-heading_custom {
    background-color: #D9EDF7;
    padding: 5px;
    width: 100%;
}

.text_color {
    color: #31708f
}

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

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

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-15 {
    padding-left: 15px !important;
}

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

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

.p-l-30 {
    padding-left: 30px !important;
}

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

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-15 {
    padding-right: 15px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-r-25 {
    padding-right: 25px !important;
}

.p-r-30 {
    padding-right: 30px !important;
}

.p-t-0 {
    padding-top: 0px !important;
}

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

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-15 {
    padding-top: 15px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

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

.p-t-30 {
    padding-top: 30px !important;
}

.p-b-0 {
    padding-bottom: 0px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

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

.p-b-15 {
    padding-bottom: 15px !important;
}

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

.p-b-25 {
    padding-bottom: 25px !important;
}

.p-b-30 {
    padding-bottom: 30px !important;
}

.p-lr-0 {
    padding-left: 0px !important;
    padding-right: 0px !important
}

.p-lr-5 {
    padding-left: 5px !important;
    padding-right: 5px !important
}

.p-lr-10 {
    padding-left: 10px !important;
    padding-right: 10px !important
}

.p-lr-15 {
    padding-left: 15px !important;
    padding-right: 15px !important
}

.p-lr-20 {
    padding-left: 20px !important;
    padding-right: 20px !important
}

.p-lr-25 {
    padding-left: 25px !important;
    padding-right: 25px !important
}

.p-lr-30 {
    padding-left: 30px !important;
    padding-right: 30px !important
}

.p-tb-0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important
}

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

.p-tb-10 {
    padding-top: 10px !important;
    padding-bottom: 10px !important
}

.p-tb-15 {
    padding-top: 15px !important;
    padding-bottom: 15px !important
}

.p-tb-20 {
    padding-top: 20px !important;
    padding-bottom: 20px !important
}

.p-tb-25 {
    padding-top: 25px !important;
    padding-bottom: 25px !important
}

.p-tb-30 {
    padding-top: 30px !important;
    padding-bottom: 30px !important
}

.p-all-0 {
    padding: 0px !important;
}

.p-all-5 {
    padding: 5px !important;
}

.p-all-10 {
    padding: 10px !important;
}

.p-all-15 {
    padding: 15px !important;
}

.p-all-20 {
    padding: 20px !important;
}

.p-all-25 {
    padding: 25px !important;
}

.p-all-30 {
    padding: 30px !important;
}

.m-l-0 {
    margin-left: 0px !important;
}

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

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

.m-l-15 {
    margin-left: 15px !important;
}

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

.m-l-25 {
    margin-left: 25px !important;
}

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

.m-r-0 {
    margin-right: 0px !important;
}

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

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

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

.m-r-20 {
    margin-right: 20px !important;
}

.m-r-25 {
    margin-right: 25px !important;
}

.m-r-30 {
    margin-right: 30px !important;
}

.m-t-0 {
    margin-top: 0px !important;
}

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

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

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

.m-t-20 {
    margin-top: 20px !important;
}

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

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

.m-t-40 {
    margin-top: 40px !important;
}

.m-b-0 {
    margin-bottom: 0px !important;
}

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

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

.m-b-15 {
    margin-bottom: 15px !important;
}

.m-b-20 {
    margin-bottom: 20px !important;
}

.m-b-25 {
    margin-bottom: 25px !important;
}

.m-b-30 {
    margin-bottom: 30px !important;
}

.m-lr-0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
}

.m-lr-5 {
    margin-left: 5px !important;
    margin-right: 5px !important;
}

.m-lr-10 {
    margin-left: 10px !important;
    margin-right: 10px !important;
}

.m-lr-15 {
    margin-left: 15px !important;
    margin-right: 15px !important;
}

.m-lr-20 {
    margin-left: 20px !important;
    margin-right: 20px !important;
}

.m-lr-25 {
    margin-left: 25px !important;
    margin-right: 25px !important;
}

.m-lr-30 {
    margin-left: 30px !important;
    margin-right: 30px !important;
}

.m-tb-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

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

.m-tb-10 {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

.m-tb-15 {
    margin-top: 15px !important;
    margin-bottom: 15px !important;
}

.m-tb-20 {
    margin-top: 20px !important;
    margin-bottom: 20px !important;
}

.m-tb-25 {
    margin-top: 25px !important;
    margin-bottom: 25px !important;
}

.m-tb-30 {
    margin-top: 30px !important;
    margin-bottom: 30px !important;
}

.m-all-0 {
    margin: 0px !important;
}

.m-all-5 {
    margin: 5px !important;
}

.m-all-10 {
    margin: 10px !important;
}

.m-all-15 {
    margin: 15px !important;
}

.m-all-20 {
    margin: 20px !important;
}

.m-all-25 {
    margin: 25px !important;
}

.m-all-30 {
    margin: 30px !important;
}

.auto-height {
    word-wrap: break-word;
    overflow-y: auto;
    max-height: 100px;
}

.center-all {
    margin: auto;
    text-align: center;
}

.break-word {
    word-break: break-all;
}

.bg-white {
    background: #fff;
}

.f-sm {
    font-size: 12px;
}

.f-dark {
    color: #333333;
}

.bg-gray {
    background: #f1f2f2;
}

.container {
    color: #ffffff;
}

.b-0 {
    border: 0px !important;
}

.mat-card-header-text {
    width: 100% !important;
}

/* Abstracts - variables, functions, mixins, placeholders, etc */

/*color*/

/* Sidenavbar */

/*fonts*/

/* range slider */

/*shadows*/

/* Border Radius */

/* mixin for animation */

/* Base - base, reset, typography, etc */

html {
    font-size: 14px;
}

body {
    /* background: #09213b url("../images/bg-img.png") no-repeat top; */
    background: #0e3255;
    background-size: 100%;
    background-attachment: fixed;
    font-family: "Gotham-Light";
    color: #333333;
}

p {
    font-family: "Gotham-Book";
    font-size: 12px;
}

main {
    min-height: calc(100vh - 105px);
    padding-top: 6.5rem;
}

.container-header {
    border-bottom: 1px solid #667586;
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
    margin-right: -20px;
    margin-left: -20px;
}

.container-header.no-bottom-space {
    margin-bottom: 0px;
}

.container-header h2 {
    font-size: 1.7857142857142858rem;
}

.container-header h2 span {
    font-family: "Gotham-Medium";
    font-weight: normal;
}

.container-header h2, .container-header p, .container-header ul {
    color: #ffffff;
    font-weight: normal;
}

.container-header p {
    margin-bottom: 0;
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Book";
}

.container-header .single-line {
    min-height: 2.5rem;
}

.container-header ul {
    padding-left: 15px;
    margin: 0;
    margin-bottom: 5px;
}

.container-header ul li {
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Book";
}

.container-header button {
    margin-left: 1.1rem;
}

/*back arrow*/

a.back-arrow {
    color: #ffffff;
    position: absolute;
    left: -4.7rem;
    top: 0.5rem;
    font-size: 1.5rem;
    text-decoration: none;
}

.small-font {
    font-size: 0.8571rem !important;
}

/*Grid Customization*/

@media only screen and (min-width: 1200px) {
    .container {
        max-width: 1080px;
        padding-right: 20px;
        padding-left: 20px;
    }
}

.three-column-layout .row {
    margin-right: -20px;
    margin-left: -20px;
}

.three-column-layout .row .col-md-4 {
    padding-right: 20px;
    padding-left: 20px;
}

.terminating-pstn {
    padding-top: 5px;
}

.inner-card {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 1.4285714285714286rem;
}

.inner-card.margin-none {
    margin: 0;
}

.inner-card.shadow-none {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.inner-card .title-header {
    padding: 1.4285714285714286rem;
    padding-bottom: 0;
}

.inner-card .title-header .title {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
}

.inner-card .title-header .link a {
    font-family: "Gotham-Bold";
    font-size: 0.7857142857142857rem;
    text-transform: uppercase;
    text-decoration: none;
    color: #e87624;
}

.inner-card .card-content {
    padding: 1.4285714285714286rem;
}

.v-line {
    border-right: 1px solid #eeeeee;
}

.flag-checkbox {
    display: block;
    margin: 0px;
    cursor: pointer;
}

.flag-checkbox input[type="checkbox"] {
    display: none;
}

.flag-checkbox input[type="checkbox"]:checked+.flag-content {
    border-color: #e87624;
}

.flag-checkbox .flag-content {
    padding: 1rem;
    border: 1px solid #f7f7f8;
    text-align: center;
}

.flag-checkbox .flag-content img {
    width: 35px;
    height: 20px;
}

.flag-checkbox .flag-content span {
    display: block;
    font-size: 0.7142857142857143rem;
    margin-top: 1rem;
    font-family: "Gotham-Book";
    color: #414142;
}

.static-flag {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.static-flag li {
    display: inline-block;
    padding: 1rem;
    border: 1px solid #f6f6f6;
}

.static-flag li img {
    width: 35px;
    height: 20px;
}

.static-flag li span {
    font-size: 0.8571428571428571rem;
    margin-left: 0.5rem;
}

.w-250 {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 270px;
    flex: 0 0 270px;
    max-width: 270px;
}

.progress {
    height: 6px;
}

.progress .bg-success {
    background-color: #a8cf4e !important;
}

/* typography */

@font-face {
    font-family: 'Gotham';
    src: url("../fonts/Gotham/Gotham-Medium.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Medium.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Light';
    src: url("../fonts/Gotham/Gotham-Light.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Light.woff") format("woff"), url("../fonts/Gotham/Gotham-Light.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Light.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Medium';
    src: url("../fonts/Gotham/Gotham-Medium.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Medium.woff") format("woff"), url("../fonts/Gotham/Gotham-Medium.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Medium.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Book';
    src: url("../fonts/Gotham/Gotham-Book.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Book.woff") format("woff"), url("../fonts/Gotham/Gotham-Book.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Book.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Gotham-Bold';
    src: url("../fonts/Gotham/Gotham-Bold.eot");
    /* IE9 Compat Modes */
    src: url("../fonts/Gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("../fonts/Gotham/Gotham-Bold.woff") format("woff"), url("../fonts/Gotham/Gotham-Bold.ttf") format("truetype"), url("../fonts/Gotham/Gotham-Bold.svg#svgFontName") format("svg");
    /* Legacy iOS */
    font-weight: 400;
    font-style: normal;
}

/* icons */

@font-face {
    font-family: 'tcl-icons';
    src: url("../fonts/tcl-icons/tcl-icons.eot");
    src: url("../fonts/tcl-icons/tcl-icons.eot#iefix") format("embedded-opentype"), url("../fonts/tcl-icons/tcl-icons.ttf") format("truetype"), url("../fonts/tcl-icons/tcl-icons.woff") format("woff"), url("../fonts/tcl-icons/tcl-icons.svg#icomoon") format("svg");
    font-weight: normal;
    font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'tcl-icons' !important;
    /* speak: none; */
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.icon-faq:before {
    content: "\e928";
}

.icon-livechat:before {
    content: "\e929";
}

.icon-tracker:before {
    content: "\e924";
}

.icon-config:before {
    content: "\e925";
}

.icon-profile:before {
    content: "\e926";
}

.icon-sites:before {
    content: "\e927";
}

.icon-left:before {
    content: "\e923";
}

.icon-right:before {
    content: "\e922";
}

.icon-caret-up:before {
    content: "\e920";
}

.icon-caret-down:before {
    content: "\e921";
}

.icon-eye:before {
    content: "\e91f";
}

.icon-info-filled:before {
    content: "\e91a";
}

.icon-minus:before {
    content: "\e91e";
}

.icon-plus:before {
    content: "\e91d";
}

.icon-back:before {
    content: "\e900";
}

.icon-calendar:before {
    content: "\e901";
}

.icon-cloud:before {
    content: "\e902";
}

.icon-configuration:before {
    content: "\e903";
}

.icon-delete:before {
    content: "\e904";
}

.icon-down:before {
    content: "\e905";
}

.icon-download:before {
    content: "\e906";
}

.icon-edit:before {
    content: "\e907";
}

.icon-home:before {
    content: "\e908";
}

.icon-network:before {
    content: "\e909";
}

.icon-up:before {
    content: "\e90a";
}

.icon-unified-communication:before {
    content: "\e90b";
}

.icon-internetaccess:before {
    content: "\e90c";
}

.icon-lan:before {
    content: "\e90d";
}

.icon-map:before {
    content: "\e90e";
}

.icon-check-mark:before {
    content: "\e90f";
    color: #525252;
}

.icon-menu:before {
    content: "\e910";
    color: #ffffff;
}

.icon-order:before {
    content: "\e911";
}

.icon-profile:before {
    content: "\e912";
}

.icon-share:before {
    content: "\e913";
}

.icon-upload:before {
    content: "\e914";
}

.icon-cart:before {
    content: "\e915";
}

.icon-help:before {
    content: "\e916";
}

.icon-private-line:before {
    content: "\e917";
}

.icon-info:before {
    content: "\e918";
}

.icon-close:before {
    content: "\e919";
}

.icon-caret-right:before {
    content: "\e91b";
}

.icon-caret-left:before {
    content: "\e91c";
}

/* Components - buttons, carousel, dropdown, etc */

.expand-panel {
    background: #ffffff;
}

.expand-panel .card {
    border: 0;
    color: #3f3f3f;
}

.expand-panel .card .card-header, .expand-panel .card .ct-card .card-footer, .ct-card .expand-panel .card .card-footer {
    background: none;
    font-size: 14px;
    font-family: "Gotham";
    margin: 0 1.25rem;
    padding: 1rem 0;
}

.expand-panel .card .card-bottom {
    border-top: 1px solid rgba(0, 0, 0, 0.15);
    padding-top: 1rem;
}

.expand-panel .card .card-bottom span {
    font-family: "Gotham-Medium";
    font-size: 12px;
}

.expand-panel .card h3 {
    font-size: 12px;
    padding: 1.2rem 0 0.5rem;
    font-family: "Gotham";
    margin-bottom: 0;
}

.expand-panel .card .expand-card-img {
    width: 80%;
    margin: 0.7rem;
}

.expand-panel .card .add-custom-config {
    width: 7.5rem;
    margin: 0.6rem auto;
    cursor: pointer;
}

.expand-panel .card ul li {
    padding: 0.5rem 0 0.35rem;
    line-height: 1.5rem;
    font-family: "Gotham-Book";
}

.expand-panel .selected {
    background: #f1f2f2;
    margin-bottom: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
}

.expand-panel .selected .check-box-right {
    background: #e87624;
    color: #ffffff;
    margin: 0;
    padding: 0.85rem 1.5rem;
}

.expand-panel .selected .check-box-right .checkmark {
    right: 1.5rem;
    left: auto;
    border: 2px solid #ffffff;
    background: #ffffff;
}

.expand-panel .selected .check-box-right .checkmark:after {
    left: 0.25rem;
    top: -0.03rem;
    width: 0.35rem;
    height: 0.75rem;
    border: solid #e87624;
    border-width: 0 0.15rem 0.11rem 0;
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.expand-panel .expand-btn {
    width: 100%;
    background: #e87624;
    color: #ffffff;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    display: block;
}

.icon-down:before {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    height: 1.2rem;
    width: 1.2rem;
    display: block;
    margin: 0 auto;
    top: -0.1rem;
    position: relative;
}

.collapsed .icon-down:before {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0.1rem;
}

.gray-card {
    background: #f1f2f2;
    padding: 0.5rem 1rem 1rem;
    margin: 0 0 0.5rem 0;
}

.gray-card li {
    font-size: 0.8rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding: 0.3rem 0;
    text-transform: uppercase;
}

.gray-card li:first-child {
    font-weight: bold;
    border-bottom: 1px solid rgba(0, 0, 0, 0.18);
}

.gray-card li span {
    width: 23%;
    height: 1.5rem;
    margin-top: 1px;
}

.gray-card li .secondary-label {
    width: 30%;
}

.gray-card li .cross-check {
    padding-left: 0.6rem;
}

.gray-card li .gray-card-label {
    display: inline-block;
    width: 46%;
}

.gray-card .d-block span {
    font-family: "Gotham-Medium";
    font-weight: normal;
    letter-spacing: -0.05rem;
}

.main-btn, .large-btn, .active-btn, .active-btn:hover, .secondary-outline-btn:hover, .secondary-dark-outline-btn:hover, .active-btn:focus, .secondary-outline-btn:focus, .secondary-dark-outline-btn:focus, .inactive-btn, .secondary-outline-btn, .secondary-outline-inactive-btn, .secondary-outline-inactive-btn:hover, .secondary-outline-inactive-btn:focus, .secondary-dark-outline-btn, .secondary-dark-outline-inactive-btn, .mini-btn, .mini-active-btn, .mini-active-btn:focus, .secondary-mini-outline-btn:focus, .mini-dark-outline-btn:focus, .mini-inactive-btn, .mini-active-btn:hover, .secondary-mini-outline-btn:hover, .mini-dark-outline-btn:hover, .secondary-mini-outline-btn, .secondary-mini-outline-inactive-btn, .secondary-mini-outline-inactive-btn:hover, .secondary-mini-outline-inactive-btn:focus, .mini-dark-outline-btn, .mini-dark-outline-inactive-btn, .mini-white-active-btn, .mini-white-inactive-btn, .mini-white-active-btn:hover, .mini-white-active-btn:focus {
    text-align: center;
    padding: 1px 0.625rem 0;
    outline: none;
    font-family: "Gotham";
}

.large-btn, .active-btn, .active-btn:hover, .secondary-outline-btn:hover, .secondary-dark-outline-btn:hover, .active-btn:focus, .secondary-outline-btn:focus, .secondary-dark-outline-btn:focus, .inactive-btn, .secondary-outline-btn, .secondary-outline-inactive-btn, .secondary-outline-inactive-btn:hover, .secondary-outline-inactive-btn:focus, .secondary-dark-outline-btn, .secondary-dark-outline-inactive-btn {
    min-width: 9.643rem;
    text-transform: uppercase;
    font-size: 0.7143rem;
    height: 2.143rem;
    border-radius: 0.3125rem;
    -webkit-border-radius: 0.3125rem;
    -moz-border-radius: 0.3125rem;
}

.active-btn, .active-btn:hover, .secondary-outline-btn:hover, .secondary-dark-outline-btn:hover {
    background-color: #ea7926;
    color: #ffffff;
    border: 2px solid #ea7926;
    transition: all 0.3s ease-out;
    font-family: "Gotham-Bold";
}

.active-btn:focus, .secondary-outline-btn:focus:hover, .secondary-dark-outline-btn:focus:hover, .secondary-outline-btn:focus, .secondary-dark-outline-btn:focus {
    background-color: #ca6114;
    border: 2px solid #ca6114;
    color: #e6e6e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.inactive-btn {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(234, 121, 38, 0.5);
    border: 2px solid rgba(234, 121, 38, 0);
    pointer-events: none;
}

.active-btn:hover, .secondary-outline-btn:hover, .secondary-dark-outline-btn:hover, .secondary-outline-btn:hover {
    color: #ffffff;
    -webkit-box-shadow: 0px 2px 4px #949494;
    -moz-box-shadow: 0px 2px 4px #949494;
    box-shadow: 0px 2px 4px #949494;
}

.inactive-btn:hover, .inactive-btn:focus {
    color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.secondary-outline-btn {
    border: 2px solid #ea7926;
    background-color: transparent;
    color: #ea7926;
    transition: all 0.3s ease-out;
    font-family: "Gotham-Bold";
}

.secondary-outline-inactive-btn, .secondary-outline-inactive-btn:hover, .secondary-outline-inactive-btn:focus {
    border: 2px solid rgba(234, 121, 38, 0.5);
    color: rgba(234, 121, 38, 0.5);
    background-color: transparent;
    pointer-events: none;
}

.secondary-outline-inactive-btn:hover, .secondary-outline-inactive-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mini-btn, .mini-active-btn, .mini-active-btn:focus, .secondary-mini-outline-btn:focus, .mini-dark-outline-btn:focus, .mini-inactive-btn, .mini-active-btn:hover, .secondary-mini-outline-btn:hover, .mini-dark-outline-btn:hover, .secondary-mini-outline-btn, .secondary-mini-outline-inactive-btn, .secondary-mini-outline-inactive-btn:hover, .secondary-mini-outline-inactive-btn:focus, .mini-dark-outline-btn, .mini-dark-outline-inactive-btn, .mini-white-active-btn, .mini-white-inactive-btn, .mini-white-active-btn:hover, .mini-white-active-btn:focus {
    min-width: 6.071rem;
    text-transform: capitalize;
    font-size: 0.7rem;
    height: 1.429rem;
    border-radius: 0.1875rem;
    -webkit-border-radius: 0.1875rem;
    -moz-border-radius: 0.1875rem;
}

.mini-active-btn {
    background-color: #ea7926;
    color: #ffffff;
    border: 2px solid #ea7926;
    transition: all 0.3s ease-out;
}

.mini-active-btn:focus, .secondary-mini-outline-btn:focus, .mini-dark-outline-btn:focus {
    background-color: #ca6114;
    color: #e6e6e6;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    border: 2px solid #ca6114;
}

.mini-inactive-btn {
    color: rgba(255, 255, 255, 0.5);
    background-color: rgba(234, 121, 38, 0.5);
    pointer-events: none;
}

.mini-active-btn:hover, .secondary-mini-outline-btn:hover, .secondary-mini-outline-btn:hover, .mini-dark-outline-btn:hover {
    color: #ffffff;
    border: 2px solid #ea7926;
    background-color: #ea7926;
    -webkit-box-shadow: 0px 2px 4px #949494;
    -moz-box-shadow: 0px 2px 4px #949494;
    box-shadow: 0px 2px 4px #949494;
}

.mini-inactive-btn:hover, .mini-inactive-btn:focus {
    color: rgba(255, 255, 255, 0.5);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.secondary-mini-outline-btn {
    border: 2px solid #ea7926;
    background-color: transparent;
    color: #ea7926;
    transition: all 0.3s ease-out;
}

.secondary-mini-outline-inactive-btn, .secondary-mini-outline-inactive-btn:hover, .secondary-mini-outline-inactive-btn:focus {
    border: 2px solid rgba(234, 121, 38, 0.5);
    color: rgba(234, 121, 38, 0.5);
    background-color: transparent;
    pointer-events: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.secondary-dark-outline-btn {
    border: 2px solid #ea7926;
    background-color: transparent;
    color: #ffffff;
}

.secondary-dark-outline-inactive-btn {
    border: 2px solid rgba(234, 121, 38, 0.5);
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.secondary-dark-outline-inactive-btn:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.secondary-dark-outline-inactive-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mini-dark-outline-btn {
    border: 2px solid #ea7926;
    background-color: transparent;
    color: #ffffff;
    transition: all 0.3s ease-out;
}

.mini-dark-outline-inactive-btn {
    border: 2px solid rgba(234, 121, 38, 0.5);
    background-color: transparent;
    color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.mini-dark-outline-inactive-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mini-white-active-btn {
    color: #ffffff;
    background-color: transparent;
    border: 2px solid #ffffff;
    transition: all 0.3s ease-out;
}

.mini-white-inactive-btn {
    color: rgba(255, 255, 255, 0.5);
    background-color: transparent;
    border: 2px solid rgba(255, 255, 255, 0.5);
    pointer-events: none;
}

.mini-white-inactive-btn:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.mini-white-active-btn:hover {
    color: #ea7926;
    background-color: #ffffff;
    -webkit-box-shadow: 0px 2px 4px #949494;
    -moz-box-shadow: 0px 2px 4px #949494;
    box-shadow: 0px 2px 4px #949494;
}

.mini-white-active-btn:focus {
    color: #ea7926;
    background-color: white;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.text-link, .text-link:hover, .text-link:focus {
    color: #ea7926;
    font-size: 0.8571rem;
    transition: all 0.3s ease-out;
}

.text-link-inactive, .text-link-inactive:hover, .text-link-inactive:focus {
    color: rgba(234, 121, 38, 0.5);
    font-size: 0.8571rem;
    pointer-events: none;
}

.text-link:hover {
    text-decoration: none;
    text-shadow: 0px 2px 4px #949494;
}

.text-link:focus {
    text-decoration: none;
    color: #ca6114;
    text-shadow: none;
}

.text-link-inactive:hover, .text-link-inactive:focus {
    text-decoration: none;
}

.tag-20-light {
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    font-size: 0.5rem;
    padding: 0.3125rem 0.625rem;
}

.tag-50-light {
    border-radius: 1.25rem;
    -webkit-border-radius: 1.25rem;
    -moz-border-radius: 1.25rem;
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.5);
    font-size: 0.5rem;
    padding: 0.3125rem 0.625rem;
}

/* STEP WIZARD */

.step-wizard {
    color: #ffffff;
    position: fixed;
    left: 50%;
    top: 5px;
    z-index: 12001;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.step-wizard .step-item {
    text-align: center;
    font-size: 0.7142857142857143rem;
    position: relative;
}

.step-wizard .step-item:last-child:after {
    display: none;
}

.step-wizard .step-item:after {
    content: "";
    height: 1px;
    position: absolute;
    bottom: 15px;
    width: 100%;
    background: #ea7926;
    left: 45px;
    z-index: -1;
}

.step-wizard .step-item .step-number-content {
    min-width: 110px;
    position: relative;
    padding-top: 50px;
    z-index: 2;
}

.step-wizard .step-item .step-number-content .step-label {
    display: table;
    width: 100%;
    min-height: 50px;
    position: relative;
    padding: 0px 0px 18px;
    position: absolute;
    bottom: 25px;
    left: 50%;
    -moz-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.step-wizard .step-item .step-number-content .step-label:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 6px;
    height: 12px;
    width: 1px;
    background: #ffffff;
}

.step-wizard .step-item .step-number-content .step-label>span {
    display: table-cell;
    vertical-align: middle;
    text-transform: uppercase;
    line-height: 1.3;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Book";
}

.step-wizard .step-item .step-number-content .step-number {
    height: 30px;
    width: 30px;
    background: #ffffff;
    display: block;
    border: 2px solid #e87624;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
    margin: 0px auto;
    color: transparent;
    font-weight: 600;
    line-height: 26px;
    position: relative;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Bold";
}

.step-wizard .step-item .step-number-content .step-number:after {
    font-family: 'tcl-icons';
    content: "\e90f";
    position: absolute;
    left: 7px;
    top: 1px;
    color: #e87624;
    font-size: 0.75rem;
}

.step-wizard .step-item ul.nested-steps {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-bottom: 10px;
    position: relative;
    z-index: 1;
    margin-right: 0.7142857142857143rem;
    display: none !important;
}

.step-wizard .step-item ul.nested-steps li {
    width: 70px;
    position: relative;
}

.step-wizard .step-item ul.nested-steps li>span {
    display: block;
}

.step-wizard .step-item ul.nested-steps li>span.sub-label {
    padding-left: 5px;
    padding-right: 5px;
    font-family: "Gotham-Book";
    height: 30px;
    -webkit-box-align: center !important;
    -ms-flex-align: center !important;
    align-items: center !important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -ms-flex-pack: center !important;
    justify-content: center !important;
}

.step-wizard .step-item ul.nested-steps li .steps-bullets {
    height: 10px;
    width: 10px;
    background: #e87624;
    margin: 0px auto;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border: 1px solid #ffffff;
    margin-top: 5px;
}

.step-wizard .step-item ul.nested-steps li:after {
    content: "";
    width: calc(100% + 20px);
    height: 4px;
    background: #e87624;
    left: 50%;
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    bottom: 3px;
    position: absolute;
    z-index: -1;
}

.step-wizard .step-item ul.nested-steps li.active>span {
    font-family: "Gotham-Medium";
}

.step-wizard .step-item ul.nested-steps li.active .steps-bullets {
    background: #c4d9ed;
}

.step-wizard .step-item ul.nested-steps li.active~li:after {
    display: none;
}

.step-wizard .step-item ul.nested-steps li.active~li .steps-bullets {
    background: #c4d9ed;
}

.step-wizard .step-item.current:after {
    background: #c4d9ed;
}

.step-wizard .step-item.current .step-number-content {
    min-width: 90px;
}

.step-wizard .step-item.current .step-number {
    border: 3px solid #e87624;
    color: transparent;
}

.step-wizard .step-item.current .step-number:after {
    content: "";
    height: 8px;
    width: 8px;
    background: #e87624;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -4px;
    margin-top: -4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.step-wizard .step-item.current .step-label {
    font-weight: 700;
}

.step-wizard .step-item.current .step-label>span {
    font-family: "Gotham-Bold";
}

.step-wizard .step-item.current ul.nested-steps {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
}

.step-wizard .step-item.current~.step-item .step-number {
    color: #1e5585;
}

.step-wizard .step-item.current~.step-item .step-number:after {
    display: none;
}

.step-wizard .step-item.current~.step-item:after {
    display: none;
}

.step-wizard .step-item.selected .step-number {
    color: #1e5585;
}

.step-wizard .step-item.selected .step-number:after {
    display: none;
}

.step-wizard .step-item.selected .step-label>span {
    font-family: "Gotham-Bold";
    font-size: 0.7857142857142857rem;
}

/* custom check-box */

.check-box {
    display: block;
    position: relative;
    cursor: pointer;
    padding: 0.1rem 0;
}

.check-box input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.check-box input:checked~.checkmark {
    background-color: #e87624;
    border: 2px solid #e87624;
}

.check-box input:checked~.checkmark:after {
    display: block;
}

.radio-top {
    padding-top: 1rem;
}

.checkmark {
    position: absolute;
    top: 50%;
    right: 0.5rem;
    height: 1.2rem;
    width: 1.2rem;
    background-color: rgba(255, 255, 255, 0);
    border: 2px solid #e87624;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0.26rem;
    top: 0.03rem;
    width: 0.35rem;
    height: 0.65rem;
    border: solid #ffffff;
    border-width: 0 0.15rem 0.11rem 0;
    -moz-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.selected .checkmark:after {
    content: "";
    position: absolute;
    display: none;
    left: 0.25rem;
    top: -0.03rem;
    width: 0.35rem;
    height: 0.75rem;
    border: solid #e87624;
    border-width: 0 0.15rem 0.11rem 0;
    -moz-transform: rotate(40deg);
    -o-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}

.check-box-left {
    padding-left: 2.2rem;
    font-size: 12px;
}

.check-box-left .checkmark {
    left: 0;
    right: auto;
}

.check-box-right .checkmark {
    right: 0.5rem;
    left: auto;
}

.header .checkmark {
    right: 0;
    left: auto;
}

.check-box.header {
    margin: 0 1.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    font-family: "Gotham";
    font-size: 14px;
    font-weight: 500;
    padding: 0.85rem 0;
}

/* custom radio button */

.radio-box {
    display: block;
    position: relative;
    padding-left: 2.5rem;
    line-height: 14px;
    cursor: pointer;
    font-size: 11px;
    font-family: "Gotham-Book";
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.radio-box input {
    position: absolute;
    opacity: 0;
    filter: alpha(opacity=0);
    cursor: pointer;
}

.radio-box .checkmark {
    position: absolute;
    top: 50%;
    left: 0;
    height: 20px;
    width: 20px;
    border: 1px solid #e87624;
    background-color: #ffffff;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.radio-box:after {
    content: "";
    position: absolute;
    display: none;
    -webkit-transform: scale(0);
    transform: scale(0);
}

.radio-box .checkmark:after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    border: 0;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    background: #ffffff;
}

/* On mouse-over, add a grey background color */

.radio-box:hover input~.checkmark {
    background-color: #ffffff;
}

/* When the radio button is checked, add a blue background */

.radio-box input:checked~.checkmark {
    background-color: #e87624;
}

/* Show the indicator (dot/circle) when checked */

.radio-box input:checked~.checkmark:after {
    display: block;
    -webkit-transform: scale(1);
    transform: scale(1);
}

.radio-box input:checked~span {
    font-family: "Gotham-Medium";
}

/* Custom Select Box */

.form-custom, .form-control, .form-control:focus {
    border-color: transparent;
    box-shadow: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.form-control {
    border-bottom: 1px solid #d8d8d8;
    padding: .375rem 0;
    font-family: "Gotham-Book";
    font-size: 0.85rem;
}

.form-control:focus {
    border-bottom: 1px solid #e87624;
}

.form-control::-webkit-input-placeholder {
    color: #abacad;
}

.form-control::-moz-placeholder {
    color: #abacad;
}

.form-control:-ms-input-placeholder {
    color: #abacad;
}

.form-control::-ms-input-placeholder {
    color: #abacad;
}

.form-control::placeholder {
    color: #abacad;
}

.form-control.static-control {
    border-bottom: none;
    color: #cdcdcd;
}

p.form-control {
    border: none;
}

input[type=text]::-ms-clear {
    display: none;
}

input::-ms-clear {
    display: none;
}

select.form-control, select.form-control:focus, select.form-control:active {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    cursor: pointer;
    background-color: transparent;
}

select::-ms-expand {
    display: none;
}

.select {
    position: relative;
    cursor: pointer;
    color: #cdcdcd;
}

.select select {
    position: relative;
    padding-right: 15px;
    font-size: 0.85rem;
}

.select:before {
    content: "";
    border-top: 5px solid #e87624;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -2.5px;
    z-index: 1;
    pointer-events: none;
}

/* form error message */

.has-error label, .has-error .error-message {
    color: #db4f4f;
}

.has-error .error-message {
    font-family: "Gotham";
    font-size: 0.8rem;
}

/*Checkbox Cross Check*/

.cross-check input[type=checkbox] {
    height: 0;
    width: 0;
    visibility: hidden;
}

.cross-check label, .cross-check .has-error .error-message, .has-error .cross-check .error-message {
    cursor: pointer;
    width: 1.2rem;
    height: 1.2rem;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    position: relative;
    background: url("../images/close.svg") no-repeat;
    background-size: 100% 100%;
}

.cross-check input:checked+label, .cross-check .has-error input:checked+.error-message, .has-error .cross-check input:checked+.error-message {
    background: url("../images/check.svg") no-repeat;
    background-size: 100% 100%;
}

/* Checkbox Dropdown */

.form-control.dropdown-toggle {
    cursor: pointer;
}

.checkbox-list-dp, .radiobtn-list-dp {
    min-width: 360px;
    border: none;
    -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.2);
    padding: 1rem 1.6rem;
    font-family: "Gotham";
}

.checkbox-list-dp ul, .radiobtn-list-dp ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.checkbox-list-dp ul li, .radiobtn-list-dp ul li {
    font-size: 0.8rem;
}

.checkbox-list-dp .checkbox-list li, .radiobtn-list-dp .checkbox-list li {
    margin-bottom: 10px;
}

.checkbox-list-dp .checkbox-list li label, .radiobtn-list-dp .checkbox-list li label, .checkbox-list-dp .checkbox-list li .has-error .error-message, .has-error .checkbox-list-dp .checkbox-list li .error-message, .radiobtn-list-dp .checkbox-list li .has-error .error-message, .has-error .radiobtn-list-dp .checkbox-list li .error-message {
    margin-bottom: 0px;
    white-space: nowrap;
}

.checkbox-list-dp .checkbox-list li:last-child, .radiobtn-list-dp .checkbox-list li:last-child {
    margin-bottom: 0px;
}

.checkbox-list-dp .checked-list li, .radiobtn-list-dp .checked-list li {
    margin-bottom: 5px;
}

.checkbox-list-dp .checked-list li:last-child, .radiobtn-list-dp .checked-list li:last-child {
    margin-bottom: 0px;
}

.checkbox-list-dp p, .radiobtn-list-dp p {
    font-size: 0.7rem;
    margin-bottom: 0.8rem;
}

.checkbox-list-dp .order-list, .radiobtn-list-dp .order-list {
    /* list-style-type: decimal;*/
    list-style: none;
}

.checkbox-list-dp .order-list li, .radiobtn-list-dp .order-list li {
    border-bottom: none !important;
}

/*  radio button lists*/

.radiobtn-list-dp {
    padding: 0;
    min-width: 250px;
    transform: translate3d(370px, 0px, 0px) !important;
}

.radiobtn-list-dp button {
    margin: 1.5rem 1rem;
    float: right;
}

.radiobtn-list-dp .radiobtn-list {
    list-style: none;
    height: 130px;
    border-bottom: 1px solid #efefef;
}

.radiobtn-list-dp .radiobtn-list li {
    padding: 1rem 1.6rem;
    border-bottom: 1px solid #efefef;
}

.radiobtn-list-dp .radiobtn-list li label, .radiobtn-list-dp .radiobtn-list li .has-error .error-message, .has-error .radiobtn-list-dp .radiobtn-list li .error-message {
    margin-bottom: 0px;
}

.radiobtn-list-dp .radiobtn-list li:last-child {
    margin-bottom: 10px;
    border-bottom: transparent;
}

.radiobtn-list-dp .radiobtn-list .mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background: transparent;
    margin-right: 0;
}

.radiobtn-list-dp .radiobtn-list .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e87624;
    width: 5px;
    margin-right: 0;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

/* Scrollbar */

.mCSB_scrollTools .mCSB_draggerRail {
    width: 1px;
    background: #cadefa;
    margin-right: 1.5px;
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #e87624;
    width: 3px;
    margin-right: 0;
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
    background: #e87624;
}

.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
    background: #e87624;
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar {
    background: #e87624;
}

.mCSB_inside>.mCSB_container {
    margin-right: 0;
}

/* Inline form control */

.ct-inline-form.media {
    font-size: 0.8571428571428571rem;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 5px;
    font-family: "Gotham";
}

.ct-inline-form.media span.align-self-center {
    font-family: "Gotham-Book";
    color: #333333;
}

.ct-inline-form.media .form-control {
    background: transparent;
    padding: 0;
    padding-right: 15px;
    height: auto !important;
    border-bottom: none;
    line-height: 12px;
    font-size: 0.8571428571428571rem;
    cursor: pointer;
    font-family: "Gotham-Medium";
    /*color:$label-color;*/
}

.ct-inline-form.media .project-plan-date {
    padding-top: 2px;
}

/* Custom Input Type File */

.ct-input-file {
    color: #ea7926;
    cursor: pointer;
}

.ct-input-file input[type="file"] {
    display: none;
}

.custom-select-box #customFile .custom-file-control:lang(en)::after {
    content: "Upload.doc";
    width: 160px;
}

.custom-select-box #customFile .custom-file-control:lang(en)::before {
    content: "\e914";
    position: absolute;
    font-family: 'tcl-icons' !important;
    right: 5px;
    color: #e87624;
    font-size: 1rem;
}

.custom-select-box .custom-file-control.selected:lang(en)::after {
    content: "" !important;
}

.custom-select-box .custom-file {
    overflow: hidden;
    height: auto;
    border-bottom: 1px solid #efefef;
    width: 200px;
    position: relative;
}

.custom-select-box .custom-file input[type="file"] {
    height: 1px;
}

.custom-select-box .custom-file-control {
    white-space: nowrap;
    margin-top: -10px;
    padding-bottom: 5px;
    width: 175px;
    overflow: hidden;
    font-family: "Gotham-Book";
}

.date-select {
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 3px;
    margin-bottom: 1.3rem;
}

.date-select input {
    border: 0;
    font-family: "Gotham-Medium";
    font-size: 11px;
    width: 100%;
    background: url("../images/calendar.svg") right no-repeat;
    background-size: 1rem;
}

.date-select a {
    color: #e87624;
    font-size: 1rem;
    float: right;
}

.routing-protocol-spacing {
    margin-top: 27px;
}

.type-profile-spacing {
    margin-top: -12px;
}

.radio-labels .form-group {
    margin-bottom: 1.7rem;
}

.radio-labels .form-group label, .radio-labels .form-group .has-error .error-message, .has-error .radio-labels .form-group .error-message {
    font-family: "Gotham-Medium";
    font-size: 11px;
    color: #404041;
    margin-bottom: 0;
}

.radio-labels .form-group .radio-box {
    font-family: "Gotham-Book";
}

.dropdown-menu.checkbox-list-dp li, .dropdown-menu.radiobtn-list-dp li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.12);
    padding-bottom: 10px;
    margin-bottom: 10px;
}

.dropdown-menu.checkbox-list-dp li .check-box.check-box-left, .dropdown-menu.radiobtn-list-dp li .check-box.check-box-left {
    font-family: "Gotham-Light";
    color: #333333;
}

.dropdown-menu.checkbox-list-dp li.show .checked-list.order-list, .dropdown-menu.radiobtn-list-dp li.show .checked-list.order-list {
    border-bottom: 0;
}

.checked-list.order-list.checked-order-list {
    padding-top: 5px;
}

.checked-list.order-list.checked-order-list li {
    padding-bottom: 0px;
    border-bottom: 0;
}

/* Card Componant */

.ct-card {
    width: 100%;
    border: none;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    margin-top: 10px;
}

.ct-card .card-header, .ct-card .card-footer {
    color: #3f3f3f;
    background-color: #f1f2f2;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.ct-card .card-body {
    color: #333333;
    background-color: #ffffff;
    padding: 1.429rem;
}

.ct-card .card-header, .ct-card .card-footer {
    padding: 0.6rem 1.4666666666666666rem;
    min-height: 54px;
    border-bottom: none;
}

.ct-card .card-header.padding-none, .ct-card .padding-none.card-footer {
    padding: 0px;
}

.ct-card .card-header .media-body, .ct-card .card-footer .media-body {
    -webkit-box-flex: initial;
    -ms-flex: auto;
    flex: auto;
}

.ct-card .card-header .title, .ct-card .card-footer .title {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.ct-card .card-header .right, .ct-card .card-footer .right {
    font-size: 1rem;
}

.ct-card .card-header .right i, .ct-card .card-footer .right i {
    color: #ea7926;
}

.ct-card .card-header .right a, .ct-card .card-footer .right a {
    color: #ea7926;
    text-decoration: none;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    margin-left: 1.7857142857142858rem;
}

.ct-card .card-header .right a:first-child, .ct-card .card-footer .right a:first-child {
    margin-left: 0;
}

.ct-card .card-header .right a:hover, .ct-card .card-footer .right a:hover {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.ct-card .card-header .right a.white-icon, .ct-card .card-footer .right a.white-icon {
    color: #ffffff;
}

.ct-card .card-header .right a.white-icon i, .ct-card .card-footer .right a.white-icon i {
    color: #ffffff;
}

.ct-card .card-header .right a.collapsed i, .ct-card .card-footer .right a.collapsed i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.ct-card .card-header i, .ct-card .card-footer i {
    font-size: 0.8rem;
}

.ct-card .card-header.collapse-toggle, .ct-card .collapse-toggle.card-footer {
    cursor: pointer;
}

.ct-card .card-header.collapsed .icon-up, .ct-card .collapsed.card-footer .icon-up {
    display: block;
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ct-card .card-body {
    padding: 1.4666666666666666rem;
}

.ct-card .card-body.padding-none {
    padding: 0px;
}

.ct-card .card-footer {
    border-top: none;
}

.ct-card:first-child {
    margin-top: 0;
}

.blue-card {
    background: transparent;
    border: none;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.blue-card .card-header, .blue-card .ct-card .card-footer, .ct-card .blue-card .card-footer {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.2);
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.blue-card .card-body {
    color: #ffffff;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 1.429rem;
}

.blue-card .card-header .right a, .blue-card .ct-card .card-footer .right a, .ct-card .blue-card .card-footer .right a {
    display: inline-block;
    margin-left: 20px;
    vertical-align: middle;
    margin-bottom: -4px;
}

.blue-card .card-header .right a i, .blue-card .ct-card .card-footer .right a i, .ct-card .blue-card .card-footer .right a i {
    font-size: 1.2rem;
}

.ct-card-inverse {
    margin-bottom: 20px;
}

.ct-card-inverse .card-header, .ct-card-inverse .ct-card .card-footer, .ct-card .ct-card-inverse .card-footer {
    background: #ffffff;
    padding: 1.2857142857142858rem;
}

.ct-card-inverse .card-header .title small, .ct-card-inverse .ct-card .card-footer .title small, .ct-card .ct-card-inverse .card-footer .title small {
    display: block;
    font-family: "Gotham-Book";
    font-size: 70%;
    color: #6d6e70;
}

.ct-card-inverse .card-header .right a, .ct-card-inverse .ct-card .card-footer .right a, .ct-card .ct-card-inverse .card-footer .right a {
    white-space: nowrap;
    font-size: 0.7857142857142857rem;
}

.ct-card-inverse .card-body {
    background: #f1f2f2;
    padding: 1.2857142857142858rem;
}

.quote-summary-container {
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
    max-width: 340px;
}

/*Configuration card*/

.custom-card {
    border: none;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.custom-card .card-header, .custom-card .ct-card .card-footer, .ct-card .custom-card .card-footer {
    color: #3f3f3f;
    background-color: #f1f2f2;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.custom-card .card-body {
    color: #333333;
    background-color: #ffffff;
    padding: 1.429rem;
}

.custom-card>.card-header:first-child, .ct-card .custom-card>.card-footer:first-child {
    font-family: "Gotham-Medium";
    padding: 1.1rem 1.25rem;
    border-bottom: 0;
}

.custom-card>.card-body {
    padding: 0 1.429rem 0.01rem;
}

/*Card with shadow*/

.shadow-card {
    -webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    -moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    border: 0;
    margin: 0 0 1.429rem 0;
}

.shadow-card:first-child {
    margin-top: 1.429rem;
}

.shadow-card>.card-header:first-child, .ct-card .shadow-card>.card-footer:first-child {
    font-family: "Gotham-Medium";
    padding: 0.9rem 0;
    margin: 0 1.429rem;
    background: none;
}

.shadow-card h4 {
    font-size: 12px;
    font-family: "Gotham-Medium";
    margin-bottom: 1rem;
}

.config-more-info {
    margin-top: 1.2rem;
    font-size: 12px;
}

.config-more-info h5 {
    font-family: "Gotham-Medium";
    font-size: 12px;
}

.sm-card {
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    width: 100%;
}

.sm-card .title a {
    text-decoration: none;
    color: #e87624;
    text-transform: uppercase;
    vertical-align: middle;
    margin-right: 1rem;
}

.sm-card .sm-card-header {
    padding: 1.0714285714285714rem 1.4285714285714286rem;
    border-bottom: 1px solid #f3f3f3;
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
}

.sm-card .sm-card-header .right a {
    text-decoration: none;
    color: #e87624;
    text-transform: uppercase;
    font-size: 0.7857142857142857rem;
    font-family: "Gotham-Bold";
}

.sm-card .sm-card-header .right a:hover {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.sm-card .sm-card-body {
    padding: 1.4285714285714286rem;
}

.sm-card .sm-card-footer {
    padding: 1.0714285714285714rem 1.4285714285714286rem;
    border-top: 1px solid #f4f4f4;
    font-family: "Gotham-Medium";
    font-size: 0.7142857142857143rem;
    color: #919193;
}

.sm-card .sm-card-footer .left {
    font-size: 0.7142857142857143rem;
    color: #6d6e70;
    text-transform: uppercase;
}

.sm-card .sm-card-footer .left span {
    color: #e87624;
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Bold";
}

.sm-card .sm-card-footer .left a {
    text-decoration: none;
    color: #e87624;
    text-transform: uppercase;
    font-size: 0.8571428571428571rem;
}

.sm-card .sm-card-footer .right a {
    text-decoration: none;
    color: #e87624;
    text-transform: uppercase;
}

/*tooltip*/

.tooltip .tooltip-inner {
    min-width: 24rem;
    padding: 20px;
    text-align: left;
    background-color: #3d84c4;
    font-family: "Gotham-Book";
    font-size: 11px;
}

.tooltip .tooltip-inner infoicon {
    display: inline-block;
    height: 10px;
    width: 10px;
    background: #ffffff;
    border-radius: 100%;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    color: #1e5585;
    font-size: 0.52rem;
    text-align: center;
    vertical-align: middle;
    margin-right: 0.4rem;
    margin-top: -4px;
    font-weight: bold;
    line-height: 10px;
}

.tooltip .tooltip-inner b {
    font-family: "Gotham-Medium";
    font-weight: normal;
}

.tooltip.show {
    opacity: 1;
    filter: alpha(opacity=100);
}

.tooltip.bs-tooltip-right {
    margin-left: 10px;
}

.tooltip.bs-tooltip-auto[x-placement^=right] .arrow::before, .tooltip.bs-tooltip-right .arrow::before {
    border-right-color: #3d84c4;
}

.tooltip.bs-tooltip-left .arrow::before {
    border-left-color: #3d84c4;
    left: -1px;
}

.icon-info {
    display: inline-block;
    height: 15px;
    width: 15px;
    text-align: center;
    color: #3d84c4;
    font-size: 1rem;
    position: relative;
    vertical-align: middle;
}

.icon-placeholder {
    display: inline-block;
    vertical-align: middle;
}

/* Modal Componant */

.modal-dialog {
    max-width: 750px;
}

.modal-dialog.modal-sm {
    max-width: 400px;
}

.modal-dialog.modal-lg {
    max-width: 1080px;
}

.modal-content {
    border: none;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}

.modal-content .card-header, .modal-content .ct-card .card-footer, .ct-card .modal-content .card-footer {
    color: #333333;
    background-color: #f1f2f2;
    border-radius: 0%;
    -webkit-border-radius: 0%;
    -moz-border-radius: 0%;
}

.modal-content .card-body {
    color: #333333;
    background-color: #ffffff;
    padding: 1.429rem;
}

.modal-content .modal-header {
    padding: 0.6rem 1.4666666666666666rem;
    min-height: 54px;
    border-bottom: none;
    color: #333333;
    background: #f1f2f2;
    margin-bottom: -1px;
}

.modal-content .modal-header .modal-title {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.modal-content .modal-header .close {
    font-size: 1.2rem;
    color: #949494;
    opacity: 1;
    filter: alpha(opacity=100);
}

.modal-content .modal-body {
    padding: 1.4666666666666666rem;
}

.modal-content .modal-body.no-padding {
    padding: 0px;
}

.modal-content .modal-body h5 {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.modal-content .modal-body hr {
    margin: 1.5rem 0;
}

.modal-content .modal-body .download-excel {
    width: 30rem;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    color: #e87624;
    text-decoration: none;
    font-family: "Gotham-Book";
}

.modal-content .modal-body .download-excel:before {
    display: block;
    position: absolute;
    height: 20px;
    width: 15px;
    font-family: 'tcl-icons' !important;
    content: "\e906";
    right: 0;
    top: 0;
}

.modal-content .upload-excel-errors {
    height: 260px;
    padding: 0;
}

.modal-content .upload-excel-errors .mCustomScrollBox {
    padding: 0 1rem;
}

.modal-content .upload-excel-errors .mCustomScrollBox .error-container {
    padding: 2rem;
}

.modal-content .upload-excel-errors .excel-errors {
    color: #db4f4f;
    font-size: 1.1rem;
    margin-left: -20px;
}

.modal-content .upload-excel-errors .card-body {
    background: #f1f2f2;
    padding: 0.5rem 1.429rem;
    box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.18);
}

.modal-content .upload-excel-errors .card-body .row {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin: 0;
}

.modal-content .upload-excel-errors .card-body .row>div {
    padding: 0.5rem 1rem;
    font-size: 1rem;
}

.modal-content .modal-footer {
    padding: 1.4666666666666666rem;
    padding-top: 0;
    border-top: none;
}

.modal-content .modal-footer.custom-footer {
    padding: 0.6rem 1.4666666666666666rem;
    min-height: 54px;
    color: #333333;
    background: #f1f2f2;
    font-family: "Gotham-Medium";
    font-size: 1rem;
    border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -moz-border-radius: 0 0 5px 5px;
}

.modal-content .step-footer {
    background: #f1f2f2;
    padding: 1.7rem 1.4666666666666666rem;
}

.modal-content .step-footer h5 {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.modal-content .step-footer .xlsx-note {
    font-size: 0.7542857142857143rem;
    font-family: "Gotham-Medium";
    color: #3d86c6;
}

.modal-content .step-footer .upload-file .ct-input-file {
    width: 30rem;
    display: inline-block;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    margin-bottom: 0;
}

.modal-content .step-footer .upload-file .ct-input-file span {
    font-size: 1rem;
    font-family: "Gotham-Book";
}

.modal-content .step-footer .upload-file .ct-input-file .icon-upload {
    float: right;
}

.fullht-modal .modal-dialog {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 100%;
    width: 100%;
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    margin: 0 auto;
    padding: 6rem 0;
    overflow: auto;
    max-width: 700px;
}

.fullht-modal .modal-dialog .modal-content {
    max-height: 100%;
    overflow: auto;
    min-height: 0;
}

.fullht-modal .modal-dialog .modal-content .modal-body {
    overflow: auto;
    min-height: 0;
}

/* Slider */

.slick-slider {
    position: relative;
    display: block;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0;
    padding: 0;
}

.slick-list:focus {
    outline: none;
}

.slick-list.dragging {
    cursor: pointer;
    cursor: hand;
}

.slick-slider .slick-track, .slick-slider .slick-list {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}

.slick-track {
    position: relative;
    left: 0;
    top: 0;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.slick-track:before, .slick-track:after {
    content: "";
    display: table;
}

.slick-track:after {
    clear: both;
}

.slick-loading .slick-track {
    visibility: hidden;
}

.slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
    display: none;
}

[dir="rtl"] .slick-slide {
    float: right;
}

.slick-slide img {
    display: block;
}

.slick-slide.slick-loading img {
    display: none;
}

.slick-slide.dragging img {
    pointer-events: none;
}

.slick-initialized .slick-slide {
    display: block;
}

.slick-loading .slick-slide {
    visibility: hidden;
}

.slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
    display: none;
}

/*Left Tabs select*/

.left-tab-selection {
    padding: 0;
    margin: 0;
    min-height: 25rem;
}

.left-tab-selection li {
    list-style: none;
    padding: 1.3rem 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
}

.left-tab-selection li a {
    color: #333333;
}

.left-tab-selection li a:hover {
    text-decoration: none;
}

.left-tab-selection .selected {
    background: #e87624;
    color: #ffffff;
    margin: 0 -3rem 0 -1.39rem;
    padding: 1.3rem;
    border-bottom: 0;
    position: relative;
}

.left-tab-selection .selected a {
    color: #ffffff;
}

.left-tab-selection .selected a:hover {
    color: #ffffff;
}

.left-tab-selection .selected:before {
    content: '';
    display: block;
    position: absolute;
    right: -0.85rem;
    top: -1px;
    width: 0;
    height: 2rem;
    z-index: 1;
    border-top: 2rem solid transparent;
    border-bottom: 2.1rem solid transparent;
    border-left: 1rem solid #e87624;
}

/* Nav Tabs */

.custom-tabs .nav-tabs {
    background: #f1f2f2;
    border: none;
    padding-left: 1.466rem;
    padding-right: 1.466rem;
}

.custom-tabs .nav-tabs .nav-link {
    border: none;
    margin-bottom: 0px;
    font-family: "Gotham-Medium";
    text-transform: uppercase;
    font-size: 0.7142857142857143rem;
    padding: 0.7rem 1.466rem 0.9rem;
    text-align: center;
    color: #3f3f3f;
    position: relative;
}

.custom-tabs .nav-tabs .nav-link.active {
    background: transparent;
    color: #333333;
}

.custom-tabs .nav-tabs .nav-link.active:after {
    content: "";
    height: 4px;
    width: 100%;
    background: #ea7926;
    position: absolute;
    bottom: 0;
    left: 0;
}

.custom-tabs .tab-content>.tab-pane {
    padding: 1.466rem;
}

.custom-tabs .tab-content>.tab-pane.padding-none {
    padding: 0;
}

.custom-tabs.no-bg .pull-nav-outside {
    margin-left: -20px;
    margin-right: -20px;
    margin-bottom: 2.142857142857143rem;
}

.custom-tabs.no-bg .nav-tabs {
    padding-left: 0;
    padding-right: 0;
    background: transparent;
}

.custom-tabs.no-bg .nav-tabs .nav-link {
    color: #ffffff;
    font-size: 0.9285714285714286rem;
    text-transform: none;
    padding: 1.4285714285714286rem 0.8571428571428571rem 0.7rem;
    margin-right: 2.142857142857143rem;
}

.custom-tabs.no-bg .nav-tabs .nav-link:last-child {
    margin-right: 0px;
}

main {
    transition: margin-left .5s;
}

.togglemain {
    margin-left: 8.571rem;
}

.sidenavbar-toggle {
    left: 0px !important;
}

.sidenavbar {
    position: fixed;
    top: 70px;
    left: -8.571rem;
    width: 110px;
    z-index: 2;
    bottom: 0;
    overflow: auto;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
    background-color: #10365a;
    -webkit-box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
}

.sidenavbar ul {
    padding: 0;
    margin: 0;
    background-color: #123A5F;
}

.sidenavbar ul li a {
    color: #ffffff;
    text-decoration: none;
    display: block;
    padding: 1.08rem 0;
    border-left: 0.2857rem solid transparent;
    border-right: 0.2857rem solid transparent;
    color: #ffffff;
    text-align: center;
    font-family: "Gotham-Medium";
    text-transform: uppercase;
    font-size: 0.6428571428571429rem;
}

.sidenavbar ul li:hover a {
    background-color: #ea7926;
    border-left: 0.2857rem solid #ea7926;
    color: #ffffff;
}

.sidenavbar ul li:hover a i {
    color: #ffffff;
}

.sidenavbar ul li.active a {
    border-left: 0.2857rem solid #ea7926;
    background-color: #092341;
    color: #ffffff;
}

.sidenavbar ul li.active a i {
    color: #3d86c6;
    font-size: 2rem;
}

.sidenavbar ul li i {
    color: #3d86c6;
    font-size: 2rem;
}

.sidenavbar .globalmenu {
    background-color: transparent;
    padding-top: 0.7142857142857143rem;
}

.sidenavbar .globalmenu li {
    text-align: left;
}

.sidenavbar .globalmenu li:hover a {
    color: #ea7926;
    border-left: 0.2857rem solid transparent;
    background: transparent;
}

.sidenavbar .globalmenu li a {
    font-family: "Gotham-Book";
    text-transform: capitalize;
    text-align: left;
    padding: 0.3rem 0;
    padding-left: 0.7rem;
    font-size: 0.7142857142857143rem;
}

.sidenavbar .globalmenu li a:hover {
    color: #ea7926;
    border-left: 0.2857rem solid transparent;
    background: transparent;
}

.sidenavbar .globalmenu li.active a {
    color: #ea7926;
    border-left: 0.2857rem solid transparent;
    background: transparent;
}

.alert {
    padding: 1.4285714285714286rem;
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.alert h5 {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
    margin: 0px;
    margin-bottom: 5px;
}

.alert p {
    font-family: "Gotham-Book";
    font-size: 0.8571428571428571rem;
    margin: 0;
}

.alert ol, .alert ul {
    font-family: "Gotham-Book";
    font-size: 11px;
}

.alert ol {
    margin: 0;
    padding: 0;
    counter-reset: my-sec-counter;
}

.alert ol li {
    display: inline-block;
    position: relative;
    margin-right: 20px;
}

.alert ol li:before {
    counter-increment: my-sec-counter;
    content: counter(my-sec-counter) ". ";
}

.alert .gotit-link {
    font-family: "Gotham-Medium";
    font-size: 0.7857142857142857rem;
    text-transform: uppercase;
    top: auto;
    bottom: 1.4285714285714286rem;
    padding: 0;
    right: 1.4285714285714286rem;
    color: inherit;
    position: absolute;
    text-decoration: none;
}

.alert-info {
    background: #2A5F8F;
    color: #ffffff;
}

.slider {
    display: inline-block;
    vertical-align: middle;
    position: relative;
}

.slider.slider-horizontal {
    width: 100%;
    height: 20px;
    margin-left: 15px;
    margin-right: 15px;
}

.slider.slider-horizontal .slider-track {
    height: 2px;
    width: 100%;
    margin-top: -1px;
    top: 50%;
    left: 0;
}

.slider.slider-horizontal .slider-selection, .slider.slider-horizontal .slider-track-low, .slider.slider-horizontal .slider-track-high {
    height: 100%;
    top: 0;
    bottom: 0;
}

.slider.slider-horizontal .slider-tick, .slider.slider-horizontal .slider-handle {
    margin-left: 0px;
}

.slider.slider-horizontal .slider-tick.triangle, .slider.slider-horizontal .slider-handle.triangle {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    border-width: 0 10px 10px 10px;
    width: 0;
    height: 0;
    border-bottom-color: #036fa5;
    margin-top: 0;
}

.slider.slider-horizontal .slider-handle {
    margin-left: -11px;
}

.slider.slider-horizontal .slider-tick-container {
    white-space: nowrap;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.slider.slider-horizontal .slider-tick-label-container {
    white-space: nowrap;
    margin-top: 20px;
}

.slider.slider-horizontal .slider-tick-label-container .slider-tick-label {
    display: inline-block;
    padding-top: 24px;
    text-align: center;
}

.slider.slider-horizontal.slider-rtl .slider-track {
    left: initial;
    right: 0;
}

.slider.slider-horizontal.slider-rtl .slider-tick, .slider.slider-horizontal.slider-rtl .slider-handle {
    margin-left: initial;
    margin-right: -10px;
}

.slider.slider-horizontal.slider-rtl .slider-tick-container {
    left: initial;
    right: 0;
}

.slider input {
    display: none;
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.slider .tooltip.top {
    margin-top: -36px;
}

.slider .tooltip-inner {
    white-space: nowrap;
    max-width: none;
}

.slider .hide {
    display: none;
}

.slider-track {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);
    -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    cursor: pointer;
}

.slider-selection {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F9F9F9), to(#F5F5F5));
    background-image: -webkit-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: -o-linear-gradient(top, #F9F9F9, #F5F5F5);
    background-image: linear-gradient(to bottom, #F9F9F9, #F5F5F5);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F9F9F9', endColorstr='#F5F5F5', GradientType=0);
    -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -moz-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
}

.slider-selection.tick-slider-selection {
    background-color: #46c1fe;
    background-image: -moz-linear-gradient(top, #e87624, #e87624);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87624), to(#e87624));
    background-image: -webkit-linear-gradient(top, #e87624, #e87624);
    background-image: -o-linear-gradient(top, #e87624, #e87624);
    background-image: linear-gradient(to bottom, #e87624, #e87624);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87624', endColorstr='#e87624', GradientType=0);
}

.slider-track-low, .slider-track-high {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    position: absolute;
    background: transparent;
}

.slider-handle {
    background-color: #0478b2;
    background-image: -moz-linear-gradient(top, #e87624, #e87624);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87624), to(#e87624));
    background-image: -webkit-linear-gradient(top, #e87624, #e87624);
    background-image: -o-linear-gradient(top, #e87624, #e87624);
    background-image: linear-gradient(to bottom, #e87624, #e87624);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87624', endColorstr='#e87624', GradientType=0);
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
    position: absolute;
    top: -2px;
    width: 22px;
    height: 22px;
    background-color: #0480BE;
    border: 0px solid transparent;
    cursor: pointer;
}

.slider-handle.round {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}

.slider-handle.triangle {
    background: transparent none;
}

.slider-handle.custom {
    background: transparent none;
}

.slider-handle.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

.slider-tick {
    background-color: #f7f7f7;
    background-image: -moz-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#F5F5F5), to(#F9F9F9));
    background-image: -webkit-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: -o-linear-gradient(top, #F5F5F5, #F9F9F9);
    background-image: linear-gradient(to bottom, #F5F5F5, #F9F9F9);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#F9F9F9', GradientType=0);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    position: absolute;
    width: 4px;
    height: 4px;
    filter: none;
    opacity: 1;
    border: none;
    background: #cacaca;
    top: 8px;
}

.slider-tick.round {
    border-radius: 50%;
}

.slider-tick.triangle {
    background: transparent none;
}

.slider-tick.custom {
    background: transparent none;
}

.slider-tick.custom::before {
    line-height: 20px;
    font-size: 20px;
    content: '\2605';
    color: #726204;
}

.slider-tick.in-selection {
    background-color: #46c1fe;
    background-image: -moz-linear-gradient(top, #e87624, #e87624);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#e87624), to(#e87624));
    background-image: -webkit-linear-gradient(top, #e87624, #e87624);
    background-image: -o-linear-gradient(top, #e87624, #e87624);
    background-image: linear-gradient(to bottom, #e87624, #e87624);
    background-repeat: repeat-x;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e87624', endColorstr='#e87624', GradientType=0);
    opacity: 1;
    animation-name: scale;
    animation-duration: 0.6s;
}

@keyframes scale {
    0% {
        width: 4px;
        height: 4px;
        margin-top: 0px;
        margin-left: 0px;
    }
    50% {
        width: 30px;
        height: 30px;
        margin-top: -15px;
        margin-left: -15px;
    }
    100% {
        width: 4px;
        height: 4px;
        margin-top: 0px;
        margin-left: 0px;
    }
}

@-webkit-keyframes scale {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(8);
        -moz-transform: scale(8);
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}

@-moz-keyframes scale {
    0% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
    50% {
        transform: scale(8);
        -moz-transform: scale(8);
        -webkit-transform: scale(8);
        -ms-transform: scale(8);
    }
    100% {
        transform: scale(1);
        -ms-transform: scale(1);
        -moz-transform: scale(1);
        -webkit-transform: scale(1);
    }
}

.tooltip-main {
    display: none;
}

.slider-value {
    color: #1e5585;
    font-size: 0.8rem;
}

/* layout - navigation, grid, header, footer, sidebar, forms, etc */

.navbar {
    background: #3d86c6;
    -webkit-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    padding: 0rem;
    min-height: 70px;
}

.navbar .navbar-toggler {
    border: none;
    padding: 0.7142857142857143rem 1.6428571428571428rem;
    padding-right: 0px;
}

.navbar .navbar-brand {
    padding: 0rem;
    margin-right: 1.4285714285714286rem;
}

.navbar .navbar-brand.align-self-end {
    margin-bottom: 0.7142857142857143rem;
    margin-left: 1.6428571428571428rem;
}

.fixed-top {
    z-index: 12000;
}

.modal-backdrop {
    z-index: 12003;
}

.modal {
    z-index: 12004;
}

.primary-navigation {
    margin-right: 2.142857142857143rem;
}

.primary-navigation a.nav-link {
    color: #ffffff;
    padding: 1.50rem 1.4285714285714286rem 0.7142857142857143rem;
    font-size: 0.6428571428571429rem;
    text-transform: uppercase;
    font-family: "Gotham-Medium";
}

.primary-navigation a.nav-link:hover, .primary-navigation a.nav-link.active {
    color: #123C61;
}

.primary-navigation a.nav-link span {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
}

footer {
    position: relative;
    z-index: 2;
    background: #011423;
    padding: 2rem;
    color: #ffffff;
    margin-top: 2.3rem;
    font-size: 12px;
}

.footer-nav {
    padding: 0;
    margin: 0;
}

.footer-nav li {
    list-style: none;
    display: inline-block;
    border-left: 1px solid #ffffff;
    padding: 0 0.75rem;
    line-height: 1rem;
}

.footer-nav li:first-child {
    border-left: 0;
}

.footer-nav li a {
    color: #ffffff;
}

/* Pages - home, login, other pages names etc */

.services-content {
    margin-left: -30px;
    margin-right: -30px;
}

.services-content .hidden-content {
    display: none;
    font-size: 0.857rem;
    color: #333333;
}

.services-content .hidden-content h6 {
    font-family: "Gotham-Medium";
}

.services-content .hidden-content .inner-content {
    min-height: 420px;
    position: relative;
}

.services-content .hidden-content .inner-content button {
    position: absolute;
    bottom: 0;
    left: 0;
}

.services-content .hidden-content .inner-content .card-text {
    margin-bottom: 0px;
    margin-top: 1rem;
}

.services-content .expand-panel {
    margin-top: 1.6rem;
}

.services-content .expand-panel .card-header, .services-content .expand-panel .ct-card .card-footer, .ct-card .services-content .expand-panel .card-footer {
    padding-top: 2.5rem;
    margin: 0 1rem;
    font-family: "Gotham-Medium";
}

.services-content .expand-panel .card-body {
    padding: 1rem;
    min-height: 124px;
}

.services-content .expand-panel .card-body h6 {
    font-family: "Gotham-Medium";
    font-size: 0.857rem;
    color: #3f3f3f;
    line-height: 17px;
}

.services-content .expand-panel .card-body .card-text {
    font-size: 0.857rem;
    color: #333333;
}

.services-content .expand-panel ul {
    padding: 0 1.1rem;
    font-family: "Gotham-Book";
    font-size: 0.857rem;
    color: #333333;
    margin-bottom: 0rem;
}

.services-content .expand-panel span.icon {
    position: absolute;
    top: -25px;
    color: #ffffff;
    left: 10px;
    width: 50px;
    height: 50px;
    background: #e87624;
    border-radius: 50%;
    text-align: center;
    font-size: 24px;
    line-height: 3.5rem;
}

.services-content .expand-btn .icon-down:before {
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
    top: 0.01rem;
}

.navbar ul li {
    position: relative;
}

/* .navbar .login-link {
    &.show:before {
      position:fixed;
      height:100%;
      height:100%;
      left:0;
      right:0;
      top:73px;
      background:rgba(0,0,0,0.4);
      content:"";
  }
} */

.navbar .login-link .icon-profile {
    padding-left: 0.4rem;
    vertical-align: -2px;
}

.navbar .login-link .dropdown-menu-form {
    width: 22.86rem;
    padding: 0;
    right: -2rem;
    left: auto;
    top: 5.9rem;
    background: none;
    opacity: 0;
    display: block;
    -webkit-transition: all 0.3s ease-in 0s;
    -moz-transition: all 0.3s ease-in 0s;
    -o-transition: all 0.3s ease-in 0s;
    transition: all 0.3s ease-in 0s;
    visibility: hidden;
}

.navbar .login-link .dropdown-menu-form:before {
    content: "";
    border-left: 1rem solid transparent;
    border-right: 1rem solid transparent;
    border-bottom: 1.2rem solid #123C61;
    position: absolute;
    top: -15px;
    right: 48px;
}

.navbar .login-link .dropdown-menu-form .card-title {
    color: #ffffff;
    background: #123C61;
    margin-bottom: 0;
    border-radius: 0.25rem 0.25rem 0 0;
    padding: 1.3rem 1rem;
    font: normal 1.7857142857rem "Gotham-Medium";
    z-index: 5;
    -webkit-box-shadow: 0 2px 3px 0 #c4c4c4;
    -moz-box-shadow: 0 2px 3px 0 #c4c4c4;
    box-shadow: 0 2px 3px 0 #c4c4c4;
}

.navbar .login-link .dropdown-menu-form .alert {
    margin-bottom: 0;
    background: #2A5F8F;
    border-radius: 0 0 0.25rem 0.25rem;
    -webkit-border-radius: 0 0 0.25rem 0.25rem;
    -moz-border-radius: 0 0 0.25rem 0.25rem;
    color: #ffffff;
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
    padding: 1.4rem 1.5714rem;
    line-height: 17px;
}

.navbar .login-link .dropdown-menu-form .card {
    border: 0;
    color: #333333;
    background: none;
}

.navbar .login-link .dropdown-menu-form .card-body {
    background: #ffffff;
    padding-bottom: 1.5rem;
    border-radius: 0 0 0.25rem 0.25rem;
    -webkit-border-radius: 0 0 0.25rem 0.25rem;
    -moz-border-radius: 0 0 0.25rem 0.25rem;
    border-radius: 0 0 5px 5px;
}

.navbar .login-link .dropdown-menu-form .card-body .col-form-label {
    font-family: "Gotham-Medium";
    font-size: 0.7857142857142857rem;
}

.navbar .login-link .dropdown-menu-form .card-body .form-control {
    color: #333333;
    font-size: 0.8571428571428571rem;
}

.navbar .login-link .dropdown-menu-form .card-body-gray {
    background: #f1f1f2;
}

.navbar .login-link .dropdown-menu-form .card-text {
    margin-bottom: 2.2rem;
    margin-top: 0.8rem;
    font-size: 1rem;
    font-family: "Gotham-Book";
}

.navbar .login-link .dropdown-menu-form button {
    margin-top: 0.1rem;
    font-family: "Gotham";
    width: 47.5%;
}

.navbar .login-link .dropdown-menu-form button:first-of-type {
    margin-right: 0.5rem;
}

.navbar .login-link .dropdown-menu-form.show {
    opacity: 1;
    visibility: visible;
}

.navbar .login-link .dropdown-toggle::after {
    display: none;
}

.navbar .login-link a.dropdown-toggle {
    position: relative;
    font-family: "Gotham-Medium";
}

.navbar .login-link a.dropdown-toggle.login-button {
    padding: 2.9rem 0.5rem 1rem;
}

.ct-card>.address-form {
    padding-bottom: 4.533rem;
}

.address-form {
    position: relative;
    min-height: 497px;
    font-size: 1rem;
}

.address-form .bottom-btn {
    position: absolute;
    left: 0;
    width: 100%;
    bottom: 0;
    padding: 1.466rem;
}

.address-form label, .address-form .has-error .error-message, .has-error .address-form .error-message {
    margin-bottom: 0px;
    font-family: "Gotham-Medium";
    font-size: 0.7857142857142857rem;
    color: #404041;
}

.address-form .form-control {
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Book";
    color: #333333;
    /* font-family: $bold-font;*/
}

.address-form .form-group {
    margin-bottom: 1.8rem;
}

.address-form .form-group:last-child {
    margin-bottom: 0px;
}

.location-container .add-location-grid {
    -ms-flex: 0 0 220px;
    flex: 0 0 220px;
    max-width: 220px;
}

.location-container .location-section {
    -ms-flex: 0 0 255px;
    flex: 0 0 275px;
    max-width: 275px;
}

.location-list-container {
    overflow: auto;
    height: 497px;
}

.location-list-container .location-list .media {
    padding: 1.466rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.location-list-container .location-list .media small {
    font-family: "Gotham-Medium";
    color: #ffffff;
    font-size: 0.642rem;
    margin-bottom: 10px;
    display: block;
}

.location-list-container .location-list .media p {
    font-size: 0.857rem;
    margin: 0;
    color: #eeeeee;
    font-family: "Gotham-Book";
}

.location-list-container .location-list .media .btn-link {
    padding: 0px;
    color: #e87624;
    text-decoration: none;
    font-size: 0.9rem;
}

.location-list-container .location-list .media:last-child {
    border-bottom: none;
}

.load-locations .locations-form {
    background: #f1f2f2;
    color: #333333;
    padding: 1.466rem;
}

.load-locations .locations-form .mutliSelect {
    height: 130px;
}

.load-locations .modal-body {
    padding: 0px;
}

.modal {
    visibility: hidden;
    /* display: block !important; */
    opacity: 0;
    transition: 100ms ease 0s;
    -ms-transition: 100ms ease 0s;
    -moz-transition: 100ms ease 0s;
    -webkit-transition: 100ms ease 0s;
}

.modal-open .modal {
    visibility: visible !important;
}

.modal.show {
    visibility: visible;
    opacity: 1;
}

.slider-nav {
    background: #f1f2f2;
    position: relative;
    padding-left: 20px;
    padding-right: 20px;
}

.slider-nav .nav-item {
    text-align: center;
    padding: 0.7rem 1.466rem 0.9rem;
    cursor: pointer;
    outline: none;
    position: relative;
    text-transform: uppercase;
    color: #333333;
    font-family: "Gotham";
    font-size: 0.8rem;
}

.slider-nav .nav-item.slick-current.slick-active:after {
    content: "";
    height: 4px;
    width: 100%;
    background: #e87624;
    position: absolute;
    bottom: 0;
    left: 0;
}

.slider-nav .slick-arrow {
    position: absolute;
    top: 50%;
    padding: 0px;
    border: none;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
    cursor: pointer;
    color: #e87624;
    font-size: 0.8rem;
    width: 20px;
    text-align: center;
    margin-top: -7px;
}

.slider-nav .slick-arrow.right {
    right: 0px;
}

.slider-nav .slick-arrow.right.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

.slider-nav .slick-arrow.left {
    left: 0px;
}

.slider-nav .slick-arrow.left.slick-disabled {
    opacity: 0.5;
    pointer-events: none;
}

* {
    outline: none;
}

.add-location-list {
    padding: 1.466rem;
}

.add-location-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.add-location-list ul li {
    padding: 1.466rem;
    font-family: "Gotham-Book";
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    margin-bottom: 10px;
    font-size: 0.857rem;
}

.add-location-list ul li .check-box {
    margin-bottom: 0px;
}

.add-location-list ul li .check-box input:checked~.checkmark {
    background-color: #e87624;
}

.add-location-list ul li .checkmark:after {
    border-color: #ffffff;
}

.overview-map {
    height: 455px;
    width: 100%;
}

.overview-map .map-text {
    margin: 1rem 0rem;
}

.overview-map .map-text .form-group {
    margin-bottom: 1.8rem;
}

.overview-map .map-text .form-group label, .overview-map .map-text .form-group .has-error .error-message, .has-error .overview-map .map-text .form-group .error-message {
    font-family: "Gotham-Medium";
    font-size: 0.785rem;
    margin-bottom: 0px;
}

.overview-map .map-text .form-group .form-control {
    font-size: 0.857rem;
    /*font-family: $bold-font;*/
}

.overview-map .map-text .form-group:last-child {
    margin-bottom: 0rem;
}

.taxsite {
    font-family: "Gotham-Light";
    font-size: 0.8571rem;
}

.radiobtn-list-dp .mCustomScrollbar .mCSB_inside>.mCSB_container {
    margin: 0;
}

.site-details-container .card-header, .site-details-container .ct-card .card-footer, .ct-card .site-details-container .card-footer {
    border: none;
}

.site-details-container .card-header span, .site-details-container .ct-card .card-footer span, .ct-card .site-details-container .card-footer span {
    border-right: 1px solid #ccc;
    padding: 0 0.8rem;
    font-family: "Gotham-Book";
}

.site-details-container .card-header span:first-child, .site-details-container .ct-card .card-footer span:first-child, .ct-card .site-details-container .card-footer span:first-child {
    color: #ea7926;
    border-right: 0;
    padding: 0;
    text-transform: uppercase;
    font-family: "Gotham-Bold";
}

.site-details-container .card-header span:last-child, .site-details-container .ct-card .card-footer span:last-child, .ct-card .site-details-container .card-footer span:last-child {
    border-right: 0;
}

.site-details-container .card-header span b, .site-details-container .ct-card .card-footer span b, .ct-card .site-details-container .card-footer span b {
    font-weight: normal;
    font-family: "Gotham-Medium";
}

.site-details-container .card-header .check-box-left, .site-details-container .ct-card .card-footer .check-box-left, .ct-card .site-details-container .card-footer .check-box-left {
    padding-left: 12px;
    margin-bottom: 0;
}

.site-details-container .card-header .check-box-left .card-header, .site-details-container .ct-card .card-footer .check-box-left .card-header, .ct-card .site-details-container .card-footer .check-box-left .card-header, .site-details-container .card-header .check-box-left .ct-card .card-footer, .ct-card .site-details-container .card-header .check-box-left .card-footer, .site-details-container .ct-card .card-footer .check-box-left .card-footer, .ct-card .site-details-container .card-footer .check-box-left .card-footer {
    font-family: "Gotham-Medium";
    font-size: 0.75rem;
}

.site-details-container .card-header .checkmark, .site-details-container .ct-card .card-footer .checkmark, .ct-card .site-details-container .card-footer .checkmark {
    padding: 0;
    border: 2px solid #e87624;
    background: #f1f2f2;
}

.site-details-container .card-header .right a, .site-details-container .ct-card .card-footer .right a, .ct-card .site-details-container .card-footer .right a {
    color: #ea7926;
}

.site-details-container .card-header .right a:hover, .site-details-container .ct-card .card-footer .right a:hover, .ct-card .site-details-container .card-footer .right a:hover {
    text-decoration: none;
}

.site-details-container .card-header .right a i, .site-details-container .ct-card .card-footer .right a i, .ct-card .site-details-container .card-footer .right a i {
    font-size: 1.1rem;
}

.site-details-container .card-header .right a .icon-delete, .site-details-container .ct-card .card-footer .right a .icon-delete, .ct-card .site-details-container .card-footer .right a .icon-delete {
    font-size: 0.85rem;
}

.site-details-container .custom-tabs {
    width: 100%;
    background: #f1f2f2;
    position: relative;
}

.site-details-container .custom-tabs:before {
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 1.4666666666666666rem;
    right: 1.4666666666666666rem;
    top: 0;
    content: "";
}

.site-details-container .custom-tabs .nav-tabs a i {
    width: 14px;
    height: 14px;
    background: #b0bc25;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    font-size: 0.6rem;
    color: #ffffff;
    line-height: 14px;
    margin-left: 10px;
    vertical-align: 1px;
    display: inline-block;
}

.site-details-container .custom-tabs .nav-tabs a i:before {
    color: #ffffff;
}

.site-details-container .custom-tabs .nav-tabs a.active~a i {
    display: none;
}

.site-details-container .service-desc-wrapper h3 {
    font: normal 1rem "Gotham-Medium";
    border-bottom: 1px solid #cfdbea;
    padding-bottom: 0.6rem;
    margin-bottom: 3rem;
    cursor: default;
}

.site-details-container .service-desc-wrapper h3 a {
    float: right;
    font-size: 1rem;
    color: #ea7926;
    line-height: 2rem;
    text-decoration: none !important;
}

.site-details-container .service-desc-wrapper h3[aria-expanded="true"] a i:before {
    content: "\e91e";
}

.site-details-container .service-desc-wrapper h4 {
    font-family: "Gotham-Medium";
    font-size: 11px;
    margin-bottom: 1rem;
    color: #404041;
}

.site-details-container .service-desc-wrapper p {
    margin: 0;
    font-size: 11px;
    font-family: "Gotham-Book";
    color: #3f3f3f;
}

.site-details-container .service-desc-wrapper p span {
    color: #ea7926;
}

.site-details-container .service-desc-wrapper p.service-details-link {
    margin-top: 1rem;
}

.site-details-container .service-desc-wrapper p.service-details-link a {
    font-family: "Gotham-Bold";
    font-weight: bold;
    color: #ea7926;
    text-transform: uppercase;
    font-size: 10px;
}

.site-details-container .service-desc-wrapper p.service-details-link a:hover {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.site-details-container .service-desc-wrapper .text-success {
    color: #b0bc25;
    font-size: 11px;
    font-family: "Gotham-Book";
}

.site-details-container .service-desc-wrapper .sliderIcon {
    width: 25px;
    height: 25px;
    border: 1px solid #ea7926;
    border-radius: 50%;
    line-height: 24px;
    text-align: center;
    font-size: 9px;
    font-weight: 300;
    color: #ea7926;
    cursor: pointer;
}

.site-details-container .service-desc-wrapper .sliderMain {
    width: calc(100% - 50px);
}

.site-details-container .service-desc-wrapper label.change, .site-details-container .service-desc-wrapper .has-error .change.error-message, .has-error .site-details-container .service-desc-wrapper .change.error-message {
    margin-top: 0.5rem;
    margin-bottom: -0.4rem;
    font-family: "Gotham-Book";
}

.site-details-container .service-desc-wrapper label, .site-details-container .service-desc-wrapper .has-error .error-message, .has-error .site-details-container .service-desc-wrapper .error-message {
    font-family: "Gotham-Medium";
    font-size: 0.7857rem;
}

.site-details-container .service-desc-wrapper .radio-box {
    font-family: "Gotham-Book";
}

.site-details-container .service-desc-wrapper .ct-inline-form {
    margin-bottom: 1.071rem;
    border-color: #d9d9d9;
}

.site-details-container .service-desc-wrapper .ct-inline-form .form-title {
    min-width: 65px;
}

.site-details-container .service-desc-wrapper .ct-inline-form:last-child {
    margin-bottom: 0;
}

.site-details-container .service-desc-wrapper .basic-settings-card {
    margin-bottom: 0rsem;
}

.site-details-container .service-desc-wrapper .checkbox-list-dp .order-list, .site-details-container .service-desc-wrapper .radiobtn-list-dp .order-list {
    list-style-type: none;
}

.site-details-container .service-desc-wrapper .form-group {
    margin-bottom: 1.7rem;
}

.ct-card .card-header .title .normal-title, .ct-card .card-footer .title .normal-title {
    font-family: "Gotham-Book";
}

.advance-settings-block {
    padding-left: 20px;
}

.advance-settings-block .radio-top {
    padding: 0.4rem 0 0.8rem;
}

.advance-settings-block .icon-info {
    top: -1px;
}

/* View Service Details Modal */

.service-details-modal {
    font-family: "Gotham-Book";
    font-size: 12px;
}

.service-details-modal h4 {
    font: normal 1rem "Gotham-Bold";
    margin-bottom: 1rem;
    font-size: 12px;
}

.service-details-modal ul {
    list-style: none;
    padding: 0;
    margin: 0 0 3rem;
}

.service-details-modal ul li {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 1rem;
}

.service-details-modal ul li:before {
    position: absolute;
    left: 0;
    top: 7px;
    width: 4px;
    height: 4px;
    background: #e87624;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    content: "";
}

.service-details-modal ol {
    list-style: decimal;
    padding: 0 0 0 15px;
    margin: 0;
}

.service-details-modal ol li {
    margin-bottom: 1rem;
}

.check-labels {
    width: 31rem;
    margin-right: -1.5rem;
}

.check-labels label, .check-labels .has-error .error-message, .has-error .check-labels .error-message {
    width: 14rem;
    display: inline-block;
}

.check-labels label:first-child, .check-labels .has-error .error-message:first-child, .has-error .check-labels .error-message:first-child {
    width: 15rem;
}

.site-list-spacing {
    padding: 0.6rem 0;
}

.selectedValue .checkbox-container {
    margin: 0 0.4rem 0.4rem 0;
}

.get-quote-container .card-body {
    min-height: 490px;
}

.get-quote-content {
    -ms-flex: 0 0 720px;
    flex: 0 0 720px;
    max-width: 720px;
}

.quote-list.inner-padding {
    padding: 1.466rem;
}

.quote-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.quote-list ul li {
    padding: 1rem 1.466rem;
    margin-bottom: 10px;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Book";
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.quote-list ul li:hover, .quote-list ul li:focus {
    cursor: pointer;
}

.quote-list ul li label, .quote-list ul li .has-error .error-message, .has-error .quote-list ul li .error-message {
    margin-bottom: 0px;
}

.quote-list ul li h4 {
    margin-bottom: 0px;
    font-size: 1rem;
    font-family: "Gotham-Medium";
    padding-left: 2.3rem;
    color: #404041;
}

.quote-list ul li .check-box {
    position: absolute;
    top: 50%;
    left: 10px;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.quote-list ul li p {
    margin-bottom: 0px;
    font-size: 0.7142857142857143rem;
    padding-left: 2.3rem;
}

.quote-list ul li p.green {
    color: #b0bc25;
}

.quote-list ul li p.red {
    color: #db4f4f;
}

.quote-list ul li .date-select {
    margin-bottom: 0.3rem;
    margin-left: 1rem;
}

.quote-list ul li .toolbar-icons>a {
    font-size: 1rem;
    color: #e87624;
    margin-right: 1.5rem;
    display: inline-block;
    text-decoration: none;
    vertical-align: middle;
}

.quote-list ul li .toolbar-icons>a.datepicker {
    font-size: 1.3rem;
    cursor: pointer;
}

.quote-list ul li .toolbar-icons>a:last-child, .quote-list ul li .toolbar-icons>a.datepicker {
    margin-right: 0rem;
}

.quote-list ul li .toolbar-icons>span {
    padding-left: 1.0714285714285714rem;
    padding-right: 1.7857142857142858rem;
    font-size: 12px;
    font-family: "Gotham-Book";
}

.quote-list ul li .toolbar-icons>strong {
    font-family: "Gotham-Medium";
    font-weight: 100;
    font-size: 11px;
}

.quote-list ul li [class^="col-"] {
    border-right: 1px solid #ddd;
}

.quote-list ul li [class^="col-"]:last-child {
    border-right: none;
    background: #ffffff;
    margin-left: -1px;
}

.quote-list ul li.current, .quote-list ul li:hover {
    background: #e87624;
    color: #ffffff;
}

.quote-list ul li.current [class*="col-"], .quote-list ul li:hover [class*="col-"] {
    border-color: rgba(255, 255, 255, 0.4);
}

.quote-list ul li.current [class*="col-"]:last-child, .quote-list ul li:hover [class*="col-"]:last-child {
    background: #e87624;
}

.quote-list ul li.current .date-select input, .quote-list ul li:hover .date-select input {
    color: #ffffff;
    background: url(../images/calendar-white.svg) right no-repeat;
    background-size: 1rem;
}

.quote-list ul li.current h4, .quote-list ul li:hover h4 {
    color: #ffffff;
    font-family: "Gotham-Book";
}

.quote-list ul li.current .toolbar-icons>a, .quote-list ul li:hover .toolbar-icons>a {
    color: #ffffff;
}

.quote-list ul li.current .checkmark, .quote-list ul li:hover .checkmark {
    border-color: #ffffff;
    background: #ffffff;
}

.quote-list ul li.current .checkmark:after, .quote-list ul li:hover .checkmark:after {
    border-color: #e87624;
}

.quote-list ul li.current p.green, .quote-list ul li:hover p.green {
    color: #ffffff;
}

.quote-list ul li.current p.red, .quote-list ul li:hover p.red {
    color: #ffffff;
}

.quote-list ul li:last-child {
    margin-bottom: 0px;
}

.get-quote-summary .form-control {
    background: transparent;
    color: #ffffff;
    font-family: "Gotham-Book";
    min-width: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.8);
}

.get-quote-summary .form-control option {
    color: #333333;
}

.get-quote-summary .select:before {
    border-top-color: #ffffff;
}

.get-quote-summary .price-summary {
    margin-top: 25px;
    font-size: 0.8rem;
    font-family: "Gotham-Book";
}

.get-quote-summary .price-summary .heading {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    padding-bottom: 10px;
    font-family: "Gotham-Medium";
    font-size: 0.85rem;
}

.get-quote-summary .price-summary .heading .right a {
    color: #e87624;
    text-decoration: none;
}

.get-quote-summary .price-summary .heading .right a.collapsed i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.get-quote-summary .price-summary .heading-black-border {
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.get-quote-summary .price-summary .amt {
    margin-top: 10px;
    opacity: 0.8;
    font-size: 0.85rem;
    font-family: "Gotham-Book";
}

.get-quote-summary .hidden-content {
    background: rgba(0, 0, 0, 0.5);
    margin-left: -1.429rem;
    margin-right: -1.429rem;
    padding: 1.429rem;
    display: none;
}

.get-quote-summary .hidden-content.hidden-content-show {
    display: block;
}

.switch-toggle label, .switch-toggle .has-error .error-message, .has-error .switch-toggle .error-message {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 40px;
    height: 14px;
    background: #ffffff;
    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    cursor: pointer;
    white-space: nowrap;
}

.switch-toggle label:before, .switch-toggle .has-error .error-message:before, .has-error .switch-toggle .error-message:before, .switch-toggle label:after, .switch-toggle .has-error .error-message:after, .has-error .switch-toggle .error-message:after {
    position: absolute;
    font-size: 0.857rem;
    font-family: "Gotham";
    top: 50%;
    -moz-transform: translate(0%, -50%);
    -o-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    -webkit-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}

.switch-toggle label:before, .switch-toggle .has-error .error-message:before, .has-error .switch-toggle .error-message:before {
    content: attr(data-left);
    right: 100%;
    margin-right: 5px;
}

.switch-toggle label:after, .switch-toggle .has-error .error-message:after, .has-error .switch-toggle .error-message:after {
    content: attr(data-right);
    left: 100%;
    margin-left: 5px;
}

.switch-toggle label span, .switch-toggle .has-error .error-message span, .has-error .switch-toggle .error-message span {
    position: absolute;
    height: 20px;
    width: 20px;
    background: #e87624;
    right: 100%;
    margin-right: -20px;
    top: 50%;
    margin-top: -10px;
    display: block;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 5px 1px rgba(0, 0, 0, 0.2);
    -webkit-transition: 150ms ease-in 0s;
    -moz-transition: 150ms ease-in 0s;
    -ms-transition: 150ms ease-in 0s;
    transition: 150ms ease-in 0s;
}

.switch-toggle label input[type="checkbox"], .switch-toggle .has-error .error-message input[type="checkbox"], .has-error .switch-toggle .error-message input[type="checkbox"] {
    display: none;
}

.switch-toggle label input[type="checkbox"]:checked+span, .switch-toggle .has-error .error-message input[type="checkbox"]:checked+span, .has-error .switch-toggle .error-message input[type="checkbox"]:checked+span {
    right: 0%;
    margin-right: 0px;
}

.toggle2 label:after, .toggle2 .has-error .error-message:after, .has-error .toggle2 .error-message:after {
    display: none;
}

.toggle2.active label:before, .toggle2.active .has-error .error-message:before, .has-error .toggle2.active .error-message:before {
    content: attr(data-right);
}

.info-error {
    font-size: 0.8571428571428571rem;
    color: #db4f4f;
    font-family: "Gotham-Medium";
    position: relative;
    padding-left: 2rem;
}

.info-error:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\e91a";
    font-family: 'tcl-icons' !important;
    font-size: 1.2rem;
}

.info-error p {
    font-family: "Gotham-Medium";
    margin-bottom: 0.3rem;
}

.info-error p:last-of-type {
    margin-bottom: 1rem;
}

.order-container .nav-tabs .nav-link {
    font-family: "Gotham-Medium";
    font-size: 0.8571rem;
    padding: 0.7rem 1.9rem 0.9rem;
    color: #3f3f3f;
}

.order-container .ct-card .card-header, .order-container .ct-card .card-footer {
    padding-bottom: 0;
}

.order-container .ct-card .card-header .right i, .order-container .ct-card .card-footer .right i {
    font-size: 1.2rem;
}

.order-container .ct-card .card-body {
    padding: 0;
}

.order-container .ct-card .card-footer {
    padding-top: 0;
    padding-bottom: 0;
}

.order-container .ct-card .card-footer .check-box-left {
    font-size: 11px;
}

.order-container .ct-card .card-footer .check-box-left a {
    text-decoration: underline;
}

.order-container .ct-card .card-footer .form-group {
    padding: 0.8rem 1.8rem;
    border-right: 1px solid #ccc;
}

.order-container .ct-card .card-footer .form-group label, .order-container .ct-card .card-footer .form-group .has-error .error-message, .has-error .order-container .ct-card .card-footer .form-group .error-message {
    font-family: "Gotham";
}

.order-container .ct-card .card-footer .form-group:last-child {
    border-right: 1px solid transparent;
}

.order-container .ct-card .card-footer .form-inline label, .order-container .ct-card .card-footer .form-inline .has-error .error-message, .has-error .order-container .ct-card .card-footer .form-inline .error-message {
    display: block;
}

.order-container .ct-card .card-footer.order-form-footer .form-inline {
    min-height: 70px;
}

.order-container .ct-card .card-footer.order-form-footer .form-inline label, .order-container .ct-card .card-footer.order-form-footer .form-inline .has-error .error-message, .has-error .order-container .ct-card .card-footer.order-form-footer .form-inline .error-message {
    line-height: 1rem;
    font-family: "Gotham-Medium";
    font-size: 0.7857rem;
}

.order-container .ct-card .card-footer.order-form-footer .form-inline label .text-link, .order-container .ct-card .card-footer.order-form-footer .form-inline .has-error .error-message .text-link, .has-error .order-container .ct-card .card-footer.order-form-footer .form-inline .error-message .text-link {
    font-size: 0.7857rem;
}

.order-container .tab-content {
    height: 520px;
    overflow-y: auto;
}

.order-container .tab-content .mCustomScrollbar .mCSB_container {
    padding: 1.714rem 5.2rem;
    margin-right: 0;
}

.order-container .tab-content .mCustomScrollbar .mCSB_dragger {
    height: 220px;
}

.order-container .tab-content .mCustomScrollbar .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    width: 8px;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.order-container .tab-content .mCustomScrollbar .mCSB_scrollTools .mCSB_draggerRail {
    background: transparent;
}

.order-container .tab-content .tab-pane {
    padding: 0;
    height: 516px;
}

.order-container .tab-content .tab-pane h5 {
    font-family: "Gotham-Medium";
    font-size: 0.8571rem;
    color: #404041;
}

.order-container .tab-content .tab-pane p {
    font-size: 0.785rem;
    font-family: "Gotham-Book";
}

.order-container .tab-content .check-box-left {
    font-family: "Gotham-Medium";
    font-size: 0.7143rem;
}

.services-list {
    min-height: 40rem;
}

.services-list .card-body {
    padding: 0;
}

.services-list .custom-tabs .nav-tabs {
    padding-right: 0;
    padding-left: 0;
    text-align: left;
    background: none;
}

.services-list .custom-tabs .nav-tabs .nav-link {
    text-align: left;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 1.37rem 0;
    margin: 0 1.4rem;
    border-bottom: 1px solid rgba(0, 0, 0, 0.125);
    text-transform: initial;
}

.services-list .custom-tabs .nav-tabs .nav-link.active {
    background-color: #e87624;
    color: #ffffff;
    margin: -1px -1.4rem 0 0;
    z-index: 2;
    border-bottom: 0px;
    padding: 1.37rem 1.4rem;
}

.services-list .custom-tabs .nav-tabs .nav-link.active:before {
    content: '';
    display: block;
    position: absolute;
    right: -1rem;
    top: -1px;
    width: 0;
    height: 2.2rem;
    z-index: 1;
    border-top: 2rem solid transparent;
    border-bottom: 2.1rem solid transparent;
    border-left: 1rem solid #e87624;
}

.services-list .custom-card>.card-body {
    padding-bottom: 1.45rem;
}

.vertical-navigation {
    -ms-flex: 0 0 340px;
    flex: 0 0 340px;
    max-width: 340px;
}

.expand-panel .collapse .check-box input:checked~.checkmark {
    background-color: #e87624;
}

.expand-panel .collapse .check-box-left .checkmark:after {
    border-color: #ffffff;
}

.bold-text {
    font-family: "Gotham-Bold";
}

.orderconfirm .row {
    min-height: 35px;
}

.orderconfirm .row .orderid {
    color: #ea7926;
    font-family: "Gotham-Bold";
}

.orderconfirm .row .order-labels {
    font-family: "Gotham-Book";
    font-size: 0.8571rem;
}

.orderconfirm [class^="col"] {
    border-right: 1px solid #ddd;
    min-height: 37px;
}

.orderconfirm [class^="col"]:last-child {
    border-right: none;
}

.order-list .title {
    color: #404041;
}

.order-list.inner-padding {
    padding: 1.466rem;
}

.order-list .toolbar-icons>a {
    font-size: 1rem;
    color: #e87624;
    margin-right: 1rem;
    display: inline-block;
}

.order-list .toolbar-icons>a:hover {
    text-decoration: none;
}

.order-list .toolbar-icons>a:last-child {
    margin-right: 0rem;
}

.order-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
}

.order-list ul li {
    padding: 1rem 1.466rem;
    margin-bottom: 10px;
    font-size: 0.7143rem;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
}

.order-list ul li label, .order-list ul li .has-error .error-message, .has-error .order-list ul li .error-message {
    margin-bottom: 0px;
}

.order-list ul li h4 {
    margin-bottom: 0px;
    font-size: 1rem;
    text-align: center;
    font-family: "Gotham-Medium";
    color: #404041;
}

.order-list ul li p {
    margin-bottom: 0px;
    font-size: 0.75rem;
    padding-left: 1.2rem;
}

.order-list ul li p.green {
    color: #b0bc25;
}

.order-list ul li p.red {
    color: #ff0000;
}

.order-list ul li [class^="col"] {
    border-right: 1px solid #ddd;
    min-height: 35px;
    font-family: "Gotham-Book";
}

.order-list ul li [class^="col"]:last-child {
    border-right: none;
    min-height: 0;
}

.order-list ul li.current {
    background: #e87624;
    color: #ffffff;
}

.order-list ul li.current [class*="col"] {
    border-color: #ffffff;
}

.order-list ul li.current .toolbar-icons>a {
    color: #ffffff;
}

.order-list .card-body-title {
    font-family: "Gotham-Medium";
    font-size: 0.7857rem;
}

.order-list .card-body-content {
    font-family: "Gotham-Book";
    font-size: 0.7857rem;
}

.solution-details .custom-tabs .nav-tabs .nav-link {
    padding: 0.7rem 5.466rem 0.9rem;
}

.get-quote-container.solution-details .card-body {
    min-height: 250px;
}

.solution-details .country-ct-switch {
    margin-right: 25rem;
}

.inner-padding+.add-doc-content {
    margin-top: 0px;
}

.add-doc-content {
    background: #f1f2f2;
    padding: 1.466rem;
    padding-bottom: 0;
    margin-top: 1.466rem;
}

.add-doc-content.no-top-space {
    margin-top: 0px;
}

.add-doc-content.push-outside {
    margin-left: -1.466rem;
    margin-right: -1.466rem;
    margin-bottom: -1.466rem;
}

.add-doc-content .doc-label-content {
    margin-bottom: 1.2rem;
}

.add-doc-content .doc-label-content h5 {
    margin: 0px;
    padding: 0px;
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Medium";
}

.add-doc-content .doc-label-content span {
    font-size: 0.7542857142857143rem;
    font-family: "Gotham-Medium";
    color: #3d86c6;
}

.gsc-date-select {
    padding: 5px 0;
}

.doc-type-list ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: -1.466rem;
}

.doc-type-list ul:after, .doc-type-list ul:before {
    display: table;
    content: "";
}

.doc-type-list ul:after {
    clear: both;
}

.doc-type-list ul li {
    min-width: 175px;
    height: 65px;
    padding: 0 1.466rem;
    border-right: 1px solid #ddd;
}

.doc-type-list ul li span {
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Medium";
}

.doc-type-list ul li span .uploaded-document {
    display: block;
    font-size: 0.7142857142857143rem;
    color: #3d86c6;
    font-family: "Gotham-Book";
}

.doc-type-list ul li .doc-type-extended {
    padding-right: 15px;
}

.doc-type-list ul li label, .doc-type-list ul li .has-error .error-message, .has-error .doc-type-list ul li .error-message {
    margin-bottom: 0px;
}

.country-common-list {
    list-style-type: none;
    margin: 0px;
    padding: 0px;
    margin-left: -0.7142857142857143rem;
    margin-right: -0.7142857142857143rem;
}

.country-common-list:after, .country-common-list:before {
    display: table;
    content: "";
}

.country-common-list:after {
    clear: both;
}

.country-common-list li {
    float: left;
    width: 20%;
    margin-top: 1.4285714285714286rem;
    padding-left: 0.7142857142857143rem;
    padding-right: 0.7142857142857143rem;
}

.country-common-list li:first-child, .country-common-list li:nth-child(2), .country-common-list li:nth-child(3), .country-common-list li:nth-child(4), .country-common-list li:nth-child(5) {
    margin-top: 0px;
}

.layout-fill {
    height: 100%;
    min-height: 100%;
    overflow: auto;
}

.country-selection-content {
    overflow: auto;
    min-height: 0;
}

.country-selection-content .row {
    overflow: auto;
}

.country-selection-content .layout-fill {
    height: 100%;
    min-height: 0;
}

.country-selection-wrapper {
    height: 100%;
}

.country-selection-tools {
    padding: 1.4285714285714286rem;
}

.country-selection-tools .search-input {
    padding-left: 2.142857142857143rem;
    -webkit-box-flex: 0;
    -ms-flex: 0 0 490px;
    flex: 0 0 490px;
    max-width: 490px;
}

.view-dp .ct-inline-form {
    border: none;
    padding-bottom: 0px;
}

.view-dp .ct-inline-form .form-control {
    border-bottom: 2px solid #f0f0f0;
    padding-bottom: 5px;
    padding-top: 5px;
}

.alphabate-list {
    margin-top: 2.142857142857143rem;
}

.alphabate-list a {
    color: #666;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Medium";
    display: inline-block;
    vertical-align: middle;
    margin-bottom: -4px;
    margin-right: 0.5rem;
}

.alphabate-list a:hover, .alphabate-list a:focus, .alphabate-list a.active {
    color: #e87624;
}

.search-input .form-group {
    margin-bottom: 0px;
    position: relative;
}

.search-input .form-group .form-control {
    height: 30px;
    padding: 0px;
    font-size: 0.8571428571428571rem;
    border: none;
    font-family: "Gotham-Book";
    border-bottom: 2px solid #f0f0f0;
    padding-right: 3.5rem;
}

.search-input .form-group .form-control:focus {
    border-color: #e87624;
}

.search-input .form-group .btn-link {
    color: #e87624;
    text-transform: uppercase;
    position: absolute;
    right: 0;
    bottom: 3px;
    padding: 0px;
    font-family: "Gotham-Bold";
    font-size: 0.7142857142857143rem;
    text-decoration: none;
}

.available-country-list, .choosed-country-list {
    overflow: auto;
}

.country-group {
    margin-bottom: 1.4285714285714286rem;
}

.country-group p {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Medium";
    margin-bottom: 0.5rem;
}

.country-group ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    margin-left: -0.7142857142857143rem;
    margin-right: -0.7142857142857143rem;
}

.country-group ul:after, .country-group ul:before {
    display: table;
    content: "";
}

.country-group ul:after {
    clear: both;
}

.country-group ul li {
    float: left;
    width: 33.3334%;
    padding-left: 0.7142857142857143rem;
    padding-right: 0.7142857142857143rem;
    margin-top: 0.7142857142857143rem;
}

.country-group ul li:first-child, .country-group ul li:nth-child(2), .country-group ul li:nth-child(3) {
    margin-top: 0;
}

.country-group .flag-checkbox .flag-content {
    text-align: left;
    white-space: nowrap;
}

.country-group .flag-checkbox .flag-content img {
    width: 35px;
    height: 20px;
}

.country-group .flag-checkbox .flag-content>* {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}

.country-group .flag-checkbox .flag-content span {
    padding-left: 0.4rem;
}

.available-country-list {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 515px;
    flex: 0 0 515px;
    max-width: 515px;
    padding-left: 1.4285714285714286rem !important;
    padding-right: 1.4285714285714286rem !important;
}

.choosed-country-list {
    padding-left: 1.4285714285714286rem !important;
    padding-right: 1.4285714285714286rem !important;
    border-left: 1px solid #f0f0f0;
}

.choosed-country-list>p {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Medium";
}

.selected-country-list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.selected-country-list li {
    margin-bottom: 1rem;
}

.selected-country-list .check-box input:checked~.checkmark {
    background: #e87624;
}

.selected-country-list .checkmark:after {
    border-color: #ffffff;
}

.selected-country-list .check-box-left {
    padding-left: 2.357142857142857rem;
    white-space: nowrap;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Book";
    color: #414142;
}

.selected-country-list .check-box-left img {
    margin-right: 0.4rem;
    width: 35px;
    height: 20px;
}

.select-all-link {
    color: #e87624;
    cursor: pointer;
    padding: 0;
    text-decoration: none;
    font-size: 0.7142857142857143rem;
    text-transform: uppercase;
    font-family: "Gotham-Medium";
}

.select-all-link:hover {
    color: #e87624;
    text-decoration: none;
}

.port-number {
    display: none;
}

.itfs-2 {
    display: none;
}

.dlt-option li {
    margin-top: 1rem;
}

.select-services {
    background: #ffffff;
}

.select-services .card .card-header, .select-services .card .ct-card .card-footer, .ct-card .select-services .card .card-footer {
    background: none;
    font-size: 14px;
    font-family: "Gotham";
    margin: 0 1.25rem;
    padding: 0.8rem 0;
    display: block;
    border-bottom: 1px solid #d3d2d2;
}

.select-services .checkmark {
    right: 1.5rem;
}

.select-services .fix-shadow-card {
    height: 115px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2), 0 0 0 #f1f2f2 inset;
}

.select-services .fix-shadow-card>.col {
    padding: 0;
}

.select-services .fix-shadow-card>.col .selected-services {
    color: #333333;
}

.select-services .radiobtn-list-dp {
    padding: 0;
    min-width: 300px;
    transform: translate3d(70px, 0px, 0px) !important;
}

.select-services .radiobtn-list-dp .radiobtn-list {
    height: auto;
}

.select-services .radiobtn-list-dp .radiobtn-list li {
    padding: 0.75rem 0.4rem;
}

.select-services .radiobtn-list-dp .radiobtn-list li:last-child {
    margin-bottom: 0;
}

.select-services .check-box {
    margin-bottom: 0;
}

.select-services .select-header {
    padding: 0 15px;
}

.select-services .select-header h4 {
    font-size: 11px;
    padding-top: 15px;
    color: #ccc;
}

.select-services .select-header .check-box span {
    font-family: "Gotham-Book";
    font-size: 0.85rem;
}

.access-network {
    margin-top: 2rem;
    border-radius: 0;
}

.access-network h4 {
    font-size: 14px;
    font-family: "Gotham";
    margin-bottom: 1.5rem;
}

.setup-delivery-date .card-header, .setup-delivery-date .ct-card .card-footer, .ct-card .setup-delivery-date .card-footer {
    border-bottom: 1px solid #cdcdcd;
}

.setup-delivery-date .card-header .ct-inline-form.media, .setup-delivery-date .ct-card .card-footer .ct-inline-form.media, .ct-card .setup-delivery-date .card-footer .ct-inline-form.media {
    border-bottom: 0;
    padding-bottom: 0;
}

.setup-delivery-date .custom-tabs .nav-tabs .nav-link {
    margin: 0 11px;
}

.setup-delivery-date .quote-list ul li [class^="col-"] {
    border: none;
}

.access-location-container .expand-panel {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.4);
}

.access-location-container .expand-panel>.card, .access-location-container .expand-panel>.card .card-body {
    background-color: #f1f2f2;
}

.access-location-container .cos-group {
    margin-top: 0.8rem;
}

.access-location-container .cos-group>.col {
    padding-left: 6px;
    padding-right: 6px;
}

.access-location-container .cos-group>.col h6 {
    font-size: 0.65rem;
    font-family: "Gotham-Medium";
}

.access-location-container .cos-group>.col span {
    font-size: 0.75rem;
    font-weight: bold;
    color: #333333;
    display: block;
    border-bottom: 1px solid #abacad;
    padding-bottom: 0.5rem;
}

.access-location-container .custom-tabs {
    background: #ffffff;
}

.access-location-container .service-desc-wrapper h3 {
    margin-bottom: 1.7rem;
}

.accordion-group .m-width, .order-total-tab .m-width, .quote-title .m-width {
    max-width: 40px;
}

.accordion-group .ct-card .card-body, .order-total-tab .ct-card .card-body, .quote-title .ct-card .card-body {
    padding: 1.4666666rem;
}

.accordion-group .ct-card .card-body.padding-none, .order-total-tab .ct-card .card-body.padding-none, .quote-title .ct-card .card-body.padding-none {
    padding: 0;
}

.accordion-group .ct-card .card-body {
    padding: 1.4666666rem;
}

.qoute-summary-container .bdr-bottom {
    border-bottom: 1px solid #f1f2f2;
}

.qoute-summary-container .ct-card .card-header .title, .qoute-summary-container .ct-card .card-footer .title {
    font-family: "Gotham-Medium";
    font-size: 1rem;
    margin-bottom: 0;
}

.qoute-summary-container .volume-card .col-6 {
    padding: 1.46666666rem;
}

.qoute-summary-container .volume-card .col-6:nth-child(odd) {
    border-right: 1px solid #f1f2f2;
}

.qoute-summary-container .volume-card .title i {
    font-family: "Gotham-Book";
    font-size: 0.7142857142857143rem;
    color: #404040;
}

.qoute-summary-container .volume-card .card-body h5, .qoute-summary-container .volume-card .card-body label, .qoute-summary-container .volume-card .card-body .has-error .error-message, .has-error .qoute-summary-container .volume-card .card-body .error-message {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
    margin-bottom: 0;
}

.qoute-summary-container .volume-card .card-body small {
    display: block;
    font-size: 0.6428571428571429rem;
    margin-bottom: 1rem;
}

.qoute-summary-container .volume-card .card-body .slider-value {
    color: #2A5F8F;
}

.qoute-summary-container .volume-card .card-body .slider-value small {
    display: inline;
    font-family: "Gotham-Light";
    font-size: 0.84rem;
}

.qoute-summary-container .ct-card .card-header .icon-eye, .qoute-summary-container .ct-card .card-footer .icon-eye, .qoute-summary-container .ct-card .card-header .icon-down, .qoute-summary-container .ct-card .card-footer .icon-down {
    color: #e87624;
    font-size: 1.2rem;
    vertical-align: middle;
    cursor: pointer;
}

.qoute-summary-container .ct-card .card-header ul li, .qoute-summary-container .ct-card .card-footer ul li {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.qoute-summary-container .quote-title li {
    color: #2A5F8F;
    font-family: "Gotham-Medium";
}

.qoute-summary-container .quote-title li:last-child {
    padding-right: 0;
}

.qoute-summary-container .accordion-group .card-header, .qoute-summary-container .accordion-group .ct-card .card-footer, .ct-card .qoute-summary-container .accordion-group .card-footer {
    padding: 0;
}

.qoute-summary-container .accordion-group .card-header ul, .qoute-summary-container .accordion-group .ct-card .card-footer ul, .ct-card .qoute-summary-container .accordion-group .card-footer ul {
    width: 100%;
    /*min-height: 54px;*/
    margin-bottom: 0;
}

.qoute-summary-container .accordion-group .ct-card {
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
}

.qoute-summary-container .accordion-group .ct-card .list-unstyled {
    padding: 0;
    margin: 0;
}

.qoute-summary-container .accordion-group .country-card {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.qoute-summary-container .accordion-group .country-card .card-header, .qoute-summary-container .accordion-group .country-card .ct-card .card-footer, .ct-card .qoute-summary-container .accordion-group .country-card .card-footer {
    background-color: transparent;
}

.qoute-summary-container .accordion-group .country-card .card-header h5, .qoute-summary-container .accordion-group .country-card .ct-card .card-footer h5, .ct-card .qoute-summary-container .accordion-group .country-card .card-footer h5 {
    margin-left: 5rem;
}

.qoute-summary-container .accordion-group .country-card .card-body {
    padding: 0 0 0 5rem;
}

.qoute-summary-container .country-summary-container {
    padding: 1.6rem 0;
}

.qoute-summary-container .country-summary-container .country-title {
    margin: 0;
}

.qoute-summary-container .country-summary-container .country-title .title {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list {
    margin: 0 0 0 1.5714285714285714rem;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li:first-child div.row:first-child>div {
    border-top: 1px solid rgba(204, 204, 204, 0.4);
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li:first-child div.row:first-child>div:first-child {
    border: none;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div {
    font-family: "Gotham-Book";
    font-size: 0.8571428571428571rem;
    color: #333333;
    border-right: 1px solid rgba(204, 204, 204, 0.4);
    padding-top: 0.6rem;
    padding-bottom: 0.6rem;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div:nth-child(n+2) {
    border-bottom: 1px solid rgba(204, 204, 204, 0.4);
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div:first-child, .qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div:last-child {
    border-right: 0;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div:first-child {
    padding-left: 0;
    padding-right: 0;
}

.qoute-summary-container .country-summary-container .country-summary-content .country-list li div>div:nth-child(2) {
    padding-left: 0;
}

.qoute-summary-container .summary-card .form-group {
    margin-bottom: 0;
}

.qoute-summary-container .icon-eye, .qoute-summary-container .icon-down {
    color: #e87624;
    cursor: pointer;
}

.qoute-summary-container .alert {
    margin-bottom: 0;
}

.qoute-summary-container .checkbox-container {
    padding: 0 3.5rem 0.5rem 0;
}

/* .qoute-summary-container .list-unstyled {
    padding:0;
    margin:0;
} */

.qoute-summary-container .dropdown-menu {
    top: -2.142857142857143rem !important;
    right: 0;
    left: auto !important;
}

.qoute-summary-container .slider.slider-horizontal {
    width: 75%;
}

.qoute-summary-container .checkbox-list-dp .order-list, .qoute-summary-container .radiobtn-list-dp .order-list {
    list-style-type: none;
}

.qoute-summary-container .ct-card .card-footer .form-group:last-child {
    border-color: #ccc;
}

.qoute-summary-container .selectedValue {
    color: #cdcdcd;
}

.qoute-summary-container .selectedValue label, .qoute-summary-container .selectedValue .has-error .error-message, .has-error .qoute-summary-container .selectedValue .error-message {
    color: #333333;
}

.justify-content-around>span {
    font-size: 0.8rem;
}

.checkbox-list.mutliSelect.mCustomScrollbar {
    height: 155px;
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link {
    padding: 0.9rem 0 0.4rem;
    /*min-height: 104px;*/
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link p {
    margin-bottom: 0.3rem;
    font-family: "Gotham-Book";
    font-size: 0.7142857142857143rem;
    color: #949494;
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link small {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Book";
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link.active {
    padding: 0.9rem 2.5rem 0.3rem 1.4rem;
    margin: -1px -1.4rem 0 0;
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link.active:before {
    background: url(../images/right-arrow.png) left center no-repeat;
    background-size: contain;
    border: 0;
    height: 100%;
    width: 50px;
    pointer-events: none;
    left: 100%;
    top: 0;
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link h6 {
    font-size: 0.7857142857142857rem;
    font-family: "Gotham-Medium";
    margin-bottom: 0;
}

.review-conatiner .services-list .custom-tabs .nav-tabs .nav-link.active p {
    color: #ffffff;
}

.review-conatiner .tab-content {
    font-family: "Gotham-Book";
}

.review-conatiner .tab-content .ct-card {
    margin-top: 0;
}

.review-conatiner .tab-content .ct-card .card-header i, .review-conatiner .tab-content .ct-card .card-footer i {
    color: #e87624;
}

.review-conatiner .tab-content .config-text {
    border-bottom: 1px solid #ccc;
    padding-bottom: 0.4rem;
}

.review-conatiner .tab-content a, .review-conatiner .tab-content a:hover {
    text-decoration: none;
}

.review-conatiner .add-location-list {
    padding: 0;
    padding-bottom: 0.5rem;
}

.review-conatiner .add-location-list ul li {
    padding: 0.6rem 0.8rem;
}

.review-conatiner .add-location-list ul li:hover {
    background: #e87624;
    color: #ffffff;
}

.review-conatiner .add-location-list ul li:hover i {
    color: #ffffff;
}

.review-conatiner .add-location-list ul li:hover .checkmark {
    border-color: #ffffff;
    background: #ffffff;
}

.review-conatiner .add-location-list ul li:hover .checkmark:after {
    border-color: #ffffff;
}

.review-conatiner .add-location-list ul li:hover .text-success {
    color: #ffffff !important;
}

.review-conatiner .add-location-list ul li .config-content div:last-child {
    padding: 0;
    padding-left: 5px;
}

.review-conatiner .add-location-list ul li .config-content .rate-block {
    padding-left: 1rem;
}

.review-conatiner .add-location-list h6 {
    font-size: 0.7857142857142857rem;
    margin-top: 0.5rem;
}

.review-conatiner .add-location-list .config-content h5, .review-conatiner .add-location-list .config-content p {
    margin-bottom: 0;
}

.review-conatiner .add-location-list .config-content h5 {
    font-size: 0.9285714285714286rem;
    font-family: "Gotham-Medium";
}

.review-conatiner .add-location-list .config-content small {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Book";
}

.review-conatiner .add-location-list .config-content>div:nth-child(2) {
    border-right: 1px solid #ccc;
}

.review-conatiner .add-location-list .config-content i {
    color: #e87624;
}

.review-conatiner .add-location-list .config-content .rate-block p {
    font-size: 0.6428571428571429rem;
    font-family: "Gotham-Book";
}

.review-conatiner .add-location-list .config-content .rate-block p span {
    font-family: "Gotham-Medium";
}

.review-conatiner .blue-card .card-header, .review-conatiner .blue-card .ct-card .card-footer, .ct-card .review-conatiner .blue-card .card-footer {
    padding: 1rem 1.4666666666rem;
}

.review-conatiner .blue-card .card-header p, .review-conatiner .blue-card .ct-card .card-footer p, .ct-card .review-conatiner .blue-card .card-footer p {
    margin: 0;
    font-size: 0.8rem;
}

.review-conatiner .blue-card hr {
    border-bottom: 1px solid rgba(255, 255, 255, 0.4);
    margin: 0.5rem 0;
}

.review-conatiner .get-quote-summary .price-summary .heading {
    margin-bottom: 0.95rem;
}

.review-conatiner .get-quote-summary .price-summary .heading.total-amt {
    background-color: #0a2d50;
    padding: 0.8rem 1.5rem;
    margin: 0.8rem -1.4285714285714286rem 0;
    border-bottom: 0;
}

.review-conatiner .location-section {
    min-width: 300px;
}

.review-tabcontent .card-body {
    min-height: 42rem;
}

.gsc-order-container .tab-content .mCustomScrollbar .mCSB_container {
    padding: 1.4666666rem;
}

.gsc-order-container .ct-inline-form {
    border-bottom: 1px solid #cdcdcd;
    padding-top: 0.7rem;
}

.gsc-order-container .ct-inline-form .form-control {
    border-bottom: 0;
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.gsc-order-container .ct-inline-form.bdr-none {
    border-bottom: none;
}

.gsc-order-container .chosen-list li {
    font-family: "Gotham-Medium";
    padding: 0.5rem 0;
    border-bottom: 1px solid #cdcdcd;
}

.gsc-order-container .tab-pane {
    position: relative;
}

.gsc-order-container .add-doc-content.push-outside {
    position: absolute;
    bottom: 0;
    right: 0;
    left: 0;
    width: 100%;
    margin: 0;
    padding-top: 0;
}

.gsc-order-container .form-control:disabled, .gsc-order-container .form-control[readonly] {
    background: transparent;
}

.gsc-order-container .card-details .form-control {
    font-family: "Gotham-Medium";
    font-size: 1rem;
}

.izo-pages .izo-select-configuration .form-group label, .izo-pages .izo-select-configuration .form-group .has-error .error-message, .has-error .izo-pages .izo-select-configuration .form-group .error-message {
    font-size: 0.7857142857142857rem;
    font-family: "Gotham-Medium";
    color: #404041;
    margin-bottom: 0;
}

.izo-pages .izo-select-configuration .form-group .form-control {
    font-family: "Gotham-Book";
    font-size: 0.8571428571428571rem;
    color: #333333;
    min-height: 2.392857142857143rem;
}

.izo-pages .izo-select-configuration .form-group .form-control.static-control, .izo-pages .izo-select-configuration .form-group .form-control .selectedValue {
    opacity: 0.5;
}

.izo-pages .izo-select-configuration .form-group p.form-control {
    padding-top: 0.6rem;
}

.izo-pages .izo-select-configuration .row:last-child .form-group {
    margin-bottom: 0px;
}

.izo-pages .izo-select-configuration .row:last-child .form-group p {
    margin: 0px;
}

.right-dp .dropdown-menu {
    min-width: 170px;
    right: 0 !Important;
    left: auto !important;
    top: 0 !Important;
    transform: translate3d(0px, 0px, 0px) !important;
    padding-right: 7px;
}

.right-dp .dropdown-menu .mutliSelect {
    height: 150px;
}

.company-profile-container .company-profile-content {
    min-height: 50rem;
}

.company-profile-container .toggle-btn {
    position: relative;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
}

.company-profile-container .toggle-btn i {
    position: absolute;
    top: 0px;
    right: 0;
    left: 0;
    line-height: 16px;
    font-style: normal;
}

.company-profile-container .toggle-btn i:before {
    margin-top: -2px;
}

.company-profile-container .ct-card {
    margin-bottom: 1.2rem;
}

.company-profile-container .ct-card .card-header .title, .company-profile-container .ct-card .card-footer .title {
    margin: 0;
}

.company-profile-container .accounts-card {
    min-height: auto;
}

.company-profile-container .accounts-card .card-body {
    min-height: 8rem;
}

.company-profile-container .company-profile-details .tab-content>.ct-card {
    margin-top: 0;
    height: inherit;
}

.company-profile-container .services-list {
    min-height: auto;
}

/* .company-profile-container .services-list .custom-tabs .nav-tabs {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
} */

.company-profile-container .services-list .custom-tabs .nav-tabs .nav-link {
    padding: 0.98rem 1.4rem 0.98rem 0;
    font-size: 0.7857142857142857rem;
}

.company-profile-container .services-list .custom-tabs .nav-tabs .nav-link.active {
    padding: 0.98rem 1.25rem 0.98rem 1.25rem;
    margin: -1px -1.5rem 0px 0;
}

.company-profile-container .services-list .custom-tabs .nav-tabs .nav-link.active:before {
    right: -10px;
}

.up-arrow:before {
    content: "\e90a";
    font-family: 'tcl-icons' !important;
}

.down-arrow:before {
    content: "\e905";
    font-family: 'tcl-icons' !important;
}

.company-profile-content .ct-card {
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 1.2rem;
    margin-top: 0.7142857142857143rem;
}

.company-profile-content .ct-card .card-header .title, .company-profile-content .ct-card .card-footer .title {
    margin: 0;
}

.company-profile-content .ct-card .card-header a, .company-profile-content .ct-card .card-footer a {
    font-size: 0.7857142857142857rem;
    text-decoration: none;
    color: #e87624;
    font-family: "Gotham-Medium";
}

.company-profile-content .ct-card .card-header a:hover, .company-profile-content .ct-card .card-footer a:hover {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.company-profile-content .ct-card .card-body h5 {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
}

.company-profile-content .ct-card .card-body p {
    margin-bottom: 0;
}

.company-profile-content .ct-card .card-body ul li p {
    margin-bottom: 0;
}

.company-profile-content .ct-card .card-body ul li a {
    color: #e87624;
    cursor: pointer;
}

.company-profile-content .ct-card .card-body .form-group {
    margin-bottom: 1.2rem;
}

.company-profile-content .ct-card .card-body .form-group label, .company-profile-content .ct-card .card-body .form-group .has-error .error-message, .has-error .company-profile-content .ct-card .card-body .form-group .error-message {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
}

.company-profile-content .documents-card .card-body.padding-none {
    padding: 0;
}

.company-profile-content .documents-card .card-body ul {
    padding: 0;
    margin: 0;
}

.company-profile-content .documents-card .card-body ul li {
    margin-top: 1.4666666666666666rem;
}

.company-profile-content .documents-card .card-body ul li:first-child {
    margin-top: 0;
}

.company-profile-content .team-details-card .list-group {
    padding: 0;
}

.company-profile-content .team-details-card .list-group .list-group-item {
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    padding: 0;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid #ececec;
}

.company-profile-content .team-details-card .list-group .list-group-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
}

/* dashboard company sites page */

.company-sites-container .add-location-list ul li {
    padding: 0 1.4666666rem;
}

.company-sites-container .add-location-list ul li .card-header, .company-sites-container .add-location-list ul li .ct-card .card-footer, .ct-card .company-sites-container .add-location-list ul li .card-footer {
    padding: 0;
    background: transparent;
}

.company-sites-container .add-location-list ul li .card-header span, .company-sites-container .add-location-list ul li .ct-card .card-footer span, .ct-card .company-sites-container .add-location-list ul li .card-footer span {
    cursor: pointer;
}

.company-sites-container .add-location-list ul li .card-body {
    border-top: 1px solid #d9d9d9;
}

.company-sites-container .add-location-list ul li a {
    text-decoration: none;
}

.company-sites-container .add-location-list ul li a i {
    color: #e87624;
    font-size: 1rem;
    display: inline-block;
}

.company-sites-container .load-locations>.card-header, .company-sites-container .ct-card .load-locations>.card-footer, .ct-card .company-sites-container .load-locations>.card-footer {
    padding-bottom: 0;
}

.company-sites-container .site-details-container .service-desc-wrapper .ct-inline-form .form-title {
    font-family: "Gotham-Medium";
}

.company-sites-container .site-details-container .service-desc-wrapper .ct-inline-form .form-control {
    font-family: "Gotham-Book";
}

.purchased-item {
    padding: 1rem 1.4285714285714286rem;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    margin-bottom: 0.7142857142857143rem;
}

.purchased-item .purchased-id {
    max-width: 75px;
    min-width: 75px;
    padding-right: 0;
}

.purchased-item .purchased-id label, .purchased-item .purchased-id .has-error .error-message, .has-error .purchased-item .purchased-id .error-message {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
    margin: 0;
    padding: 0;
}

.purchased-item .purchased-id small {
    display: block;
}

.purchased-item .purchased-date {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Medium";
    max-width: 95px;
    min-width: 95px;
    padding: 0.7rem 0.7142857142857143rem;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    text-align: center;
}

.purchased-item .purchased-info-link {
    text-align: right;
}

.purchased-item .purchased-info-link a {
    color: #e87624;
    text-transform: uppercase;
    font-family: "Gotham-Bold";
    font-size: 0.7142857142857143rem;
    text-decoration: none;
}

.purchased-item .purchased-info-link a:hover {
    text-shadow: 0px 2px 4px #949494;
}

.purchased-item .purchased-step-wizard>ul {
    margin: 0px;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

.purchased-item .purchased-step-wizard>ul>li {
    text-align: center;
    position: relative;
}

.purchased-item .purchased-step-wizard>ul>li.completed>.big-steps-data span {
    border: 1px solid #e87624;
    position: relative;
}

.purchased-item .purchased-step-wizard>ul>li.completed>.big-steps-data span:before {
    content: "\e90f";
    font-family: 'tcl-icons' !important;
    position: absolute;
    left: 1px;
    top: 1px;
    color: #e87624;
    font-size: 0.4rem;
}

.purchased-item .purchased-step-wizard>ul>li.current>.big-steps-data label, .purchased-item .purchased-step-wizard>ul>li.current>.big-steps-data .has-error .error-message, .has-error .purchased-item .purchased-step-wizard>ul>li.current>.big-steps-data .error-message {
    font-family: "Gotham-Medium";
}

.purchased-item .purchased-step-wizard>ul>li.current>.big-steps-data span {
    border: 1px solid #e87624;
    position: relative;
}

.purchased-item .purchased-step-wizard>ul>li.current>.big-steps-data span:before {
    content: "";
    height: 4px;
    width: 4px;
    position: absolute;
    left: 3px;
    top: 3px;
    background: #e87624;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.purchased-item .purchased-step-wizard>ul>li>.big-steps-data {
    min-width: 100px;
    position: relative;
    z-index: 2;
}

.purchased-item .purchased-step-wizard>ul>li>.big-steps-data label, .purchased-item .purchased-step-wizard>ul>li>.big-steps-data .has-error .error-message, .has-error .purchased-item .purchased-step-wizard>ul>li>.big-steps-data .error-message {
    font-size: 0.6428571428571429rem;
    text-transform: uppercase;
    font-family: "Gotham-Book";
}

.purchased-item .purchased-step-wizard>ul>li:after {
    content: "";
    height: 2px;
    width: calc(100% + 10px);
    background: #ebebeb;
    position: absolute;
    bottom: 4px;
    left: 45px;
}

.purchased-item .purchased-step-wizard>ul>li:last-child:after {
    display: none;
}

.purchased-item .purchased-step-wizard>ul>li>.big-steps-data span {
    height: 12px;
    width: 12px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #ffffff;
    border: 1px solid #9d9d9d;
    margin: 0px auto;
    display: block;
    position: relative;
    z-index: 1;
}

.purchased-item .purchased-step-wizard>ul>li.current .big-steps-data+.sub-steps li:after {
    background: transparent;
}

.purchased-item .purchased-step-wizard>ul>li.current .big-steps-data+.sub-steps li>span {
    border: 1px solid #9d9d9d;
}

.purchased-item .purchased-step-wizard>ul>li.current .big-steps-data+.sub-steps li>span:before {
    display: none;
}

.purchased-item .sub-steps {
    margin: 0px;
    padding: 0;
    list-style-type: none;
    white-space: nowrap;
}

.purchased-item .sub-steps>li {
    text-align: center;
    position: relative;
    min-width: 105px;
}

.purchased-item .sub-steps>li>label, .purchased-item .has-error .sub-steps>li>.error-message, .has-error .purchased-item .sub-steps>li>.error-message {
    font-size: 0.6428571428571429rem;
    font-family: "Gotham-Book";
}

.purchased-item .sub-steps>li:after {
    content: "";
    height: 2px;
    width: 100%;
    background: #e87624;
    position: absolute;
    bottom: 4px;
    left: 50%;
    z-index: 1;
    -moz-transform: translate(-100%, 0);
    -o-transform: translate(-100%, 0);
    -ms-transform: translate(-100%, 0);
    -webkit-transform: translate(-100%, 0);
    transform: translate(-100%, 0);
    margin-left: 4px;
}

.purchased-item .sub-steps>li>span {
    height: 7px;
    width: 7px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    background: #ffffff;
    border: 1px solid #e87624;
    margin: 0px auto;
    margin-top: 4px;
    display: block;
    position: relative;
    z-index: 2;
}

.purchased-item .sub-steps>li>span:before {
    content: "\e90f";
    font-family: 'tcl-icons' !important;
    position: absolute;
    left: 1px;
    top: 1px;
    color: #e87624;
    font-size: 0.2rem;
}

.purchased-item .sub-steps>li.current>label, .purchased-item .has-error .sub-steps>li.current>.error-message, .has-error .purchased-item .sub-steps>li.current>.error-message {
    font-family: "Gotham-Medium";
}

.purchased-item .sub-steps>li.current>span {
    height: 9px;
    width: 9px;
    margin-top: 3px;
    position: relative;
}

.purchased-item .sub-steps>li.current>span:before {
    content: "";
    height: 3px;
    width: 3px;
    position: absolute;
    left: 2px;
    top: 2px;
    background: #e87624;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.purchased-item .sub-steps>li.current~li:after {
    background: transparent;
}

.purchased-item .sub-steps>li.current~li>span {
    border: 1px solid #9d9d9d;
}

.purchased-item .sub-steps>li.current~li>span:before {
    display: none;
}

.izo-quote-container .custom-tabs:before {
    height: 1px;
    background: #ddd;
    position: absolute;
    left: 1.4666666666666666rem;
    right: 1.4666666666666666rem;
    top: 0;
    content: "";
}

.izo-quote-container .custom-tabs .nav-tabs .nav-link .info-error {
    display: inline-block;
    vertical-align: 12px;
}

.izo-quote-container .custom-tabs .nav-tabs .nav-link .info-error:before {
    font-size: 0.89rem;
    right: 7px;
}

.izo-quote-container .tab-content .tab-pane .form-group {
    margin-bottom: 1.5rem;
}

.izo-quote-container .tab-content .tab-pane .form-group h4 {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
}

.izo-quote-container .tab-content .bandwidth-group .form-group {
    margin-bottom: 1rem;
}

.izo-quote-container .tab-content #configuration-advanced .btn.active-btn, .izo-quote-container .tab-content #configuration-advanced .btn.secondary-outline-btn:hover, .izo-quote-container .tab-content #configuration-advanced .btn.secondary-dark-outline-btn:hover {
    position: absolute;
    bottom: 1.466666rem;
    right: 1.466666rem;
}

.izo-quote-container .get-quote-content .ct-card .card-header span:first-child, .izo-quote-container .get-quote-content .ct-card .card-footer span:first-child {
    color: #e87624;
    text-transform: uppercase;
    font-family: "Gotham-Bold";
}

.izo-quote-container .get-quote-content .ct-card .card-header:first-child:after, .izo-quote-container .get-quote-content .ct-card .card-footer:first-child:after {
    content: "";
    border-bottom: 1px solid red;
    position: absolute;
    bottom: 0;
}

.izo-quote-container .get-quote-content .ct-card .card-body {
    position: relative;
}

.izo-quote-container .get-quote-content.full-width {
    -ms-flex: 0 0 100%;
    flex: 0 0 100%;
    max-width: 100%;
}

.izo-quote-container .get-quote-content.full-width .ct-card .card-body {
    min-height: 33.92857142857143rem;
}

.izo-quote-container .doument-title span:first-child {
    font-family: "Gotham-Bold";
}

.izo-quote-container .doument-title span:nth-child(3) {
    border-left: 1px solid #cdcdcd;
    padding: 0 0.5rem;
    margin: 0 0.4rem;
}

.map-placeholder {
    padding-bottom: 20px;
}

.form-group.seletedvalue {
    margin-bottom: 1.5rem;
}

.izo-cart-container .services-list {
    min-height: auto;
}

.izo-cart-container .services-list .card-body {
    padding: 0;
}

.izo-cart-container .services-list .custom-tabs .nav-tabs .nav-link.active {
    margin: -1px -1.5rem 0 0rem;
}

.izo-cart-container .blue-card {
    min-height: 33rem;
}

.izo-cart-container .tab-content .ct-card {
    min-height: 33rem;
}

.izo-cart-container .tab-content .ct-card .card-body {
    padding: 1.2rem 1.46666666rem;
}

.izo-cart-container .tab-content .ct-card .card-body .text-success {
    color: #7b8422 !important;
}

.izo-cart-container .tab-content .ct-card .card-body .config-text {
    padding-bottom: 0.5rem;
}

.izo-cart-container .tab-content .tab-pane ul li {
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 2px;
}

.izo-cart-container .tab-content .tab-pane ul li:hover .text-success {
    color: #ffffff !important;
}

.create-link-content {
    min-height: 426px;
}

.create-link {
    border-bottom: 1px solid #e9e8e8;
}

.create-link .link-header {
    padding: 0.8rem 1.4666666666666666rem;
    box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.1);
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Medium";
}

.create-link .link-header .right a {
    color: #e87624;
    text-decoration: none;
    display: inline-block;
    vertical-align: middle;
    font-size: 0.8rem;
    margin-left: 0.5rem;
}

.create-link .link-header .right a.collapsed i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
}

.create-link .link-content {
    padding: 1.4666666666666666rem;
}

.create-link .address-form {
    min-height: 0;
    padding-bottom: 0;
    padding-top: 1.0714285714285714rem;
}

.create-link .address-form .form-group {
    margin-bottom: 1.0714285714285714rem;
}

.create-link .address-form .form-group .form-control {
    padding: .25rem 0;
}

.link-added-list {
    margin-bottom: 1rem;
}

.link-added-list .link-added-ttl {
    padding: 0 0 1rem 0;
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Medium";
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.link-added-list .link-added-ttl .right a {
    color: #e87624;
    text-decoration: none;
}

.link-added-list .link-added-ttl .right a.collapsed i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: block;
}

.link-added-list .location-list .media {
    padding-left: 0;
    padding-right: 0;
}

.column-row {
    background: #ffffff;
    padding: 0.8571428571428571rem 1.0714285714285714rem;
    -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2);
    margin-top: 10px;
    font-size: 0.8571428571428571rem;
    font-family: "Gotham-Medium";
}

.column-row .service-label {
    max-width: 70px;
    min-width: 70px;
}

.column-row .service-label span {
    display: block;
    font-size: 0.7142857142857143rem;
    color: #4d4e4e;
    font-family: "Gotham-Book";
}

.column-row .date-label {
    border-left: 1px solid #ecebeb;
    border-right: 1px solid #ecebeb;
    max-width: 90px;
    text-align: center;
    white-space: nowrap;
    padding-top: 0.7rem;
    padding-bottom: 0.7rem;
    font-size: 0.7142857142857143rem;
}

.column-row .status-label {
    max-width: 127px;
    min-width: 127px;
    text-align: center;
}

.column-row .status-label a {
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    color: #e87624;
    text-decoration: none;
}

.column-row .status-label a:hover {
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.24);
}

.column-row .site-label {
    max-width: 75px;
    font-size: 1rem;
}

.column-row .entity-label {
    font-size: 0.7857142857142857rem;
    max-width: 100px;
}

.column-row .entity-label span {
    display: block;
}

.column-row .address-label, .column-row .entity-address-label {
    font-family: "Gotham-Book";
    font-size: 0.7142857142857143rem;
    color: #333333;
    border-left: 1px solid #ecebeb;
    padding-top: 3px;
    padding-bottom: 2px;
}

.order-progress-list {
    max-height: 125px;
}

.column-label {
    font-size: 0.6428571428571429rem;
    color: #a6a8ab;
    text-transform: uppercase;
    font-family: "Gotham-Medium";
    padding: 0rem 1.0714285714rem;
}

.column-label .service-label {
    max-width: 70px;
    min-width: 70px;
}

.column-label .date-label {
    max-width: 90px;
    text-align: right;
    padding-right: 0;
}

.column-label .status-label {
    max-width: 130px;
    min-width: 130px;
    text-align: center;
}

.graph-content .counter {
    font-family: "Gotham-Book";
    font-size: 1.4285714285714286rem;
    color: #6d6e70;
    margin-top: 1.5714285714285714rem;
}

.graph-content .counter span {
    display: block;
    text-transform: uppercase;
    font-size: 0.6428571428571429rem;
    font-family: "Gotham-Medium";
}

.graph-content .counter:first-child {
    margin-top: 0;
}

.order-content {
    margin-bottom: 1rem;
}

.order-content:last-child {
    margin-bottom: 0;
}

.order-content .order-label {
    font-family: "Gotham-Medium";
    font-size: 0.75rem;
    color: #3f3f3f;
}

.order-content .order-label span {
    display: inline-block;
    margin-left: 1rem;
    font-size: 0.6664285714285715rem;
    color: #808184;
    font-family: "Gotham-Book";
}

.order-content .pr-counter {
    color: #a8cf4e;
    font-family: "Gotham-Medium";
    font-size: 0.75rem;
    min-width: 45px;
    max-width: 45px;
    text-align: right;
    white-space: nowrap;
}

.active-order {
    display: none;
}

.help-card {
    padding: 1rem;
    border: 1px solid rgba(0, 0, 0, 0);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    margin-top: 1.5rem;
    background: #ffffff;
}

.help-card:first-child {
    margin-top: 0;
}

.help-card h2 {
    font-family: "Gotham-Medium";
    font-size: 1rem;
    color: #123C61;
    position: relative;
    padding: 5px 0;
    padding-left: 35px;
}

.help-card h2 .icon {
    font-size: 1.8rem;
    position: absolute;
    left: 0;
    top: 0;
}

.help-card a {
    color: #ea7926;
    text-decoration: none;
    font-size: 0.7142857142857143rem;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
}

.sm-card .sm-card-body.card-body-scroll {
    padding-right: 5px;
}

.sm-card .sm-card-body.card-body-scroll .mCustomScrollBox {
    padding-right: 17px;
}

.nav-overlay {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    content: "";
    display: none;
    background: rgba(0, 0, 0, 0.4);
    z-index: 3;
}

.my-account-nav {
    margin: -18px -16px -22px;
    -webkit-padding-start: 0px;
    padding: 0;
}

.my-account-nav li {
    list-style: none;
}

.my-account-nav li a {
    color: #ea7926;
    text-decoration: none;
    font-size: 0.78rem;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    display: block;
    padding: 17px 20px 17px 53px;
    position: relative;
}

.my-account-nav li a:before {
    content: '';
    font-family: 'tcl-icons';
    font-size: 1.5rem;
    position: absolute;
    display: block;
    left: 15px;
    top: 8px;
    color: #123C61;
}

.my-account-nav li .tracking:before {
    content: '\e924';
}

.my-account-nav li .active-config:before {
    content: '\e925';
}

.my-account-nav li .profile:before {
    content: '\e926';
}

.my-account-nav li .my-sites:before {
    content: '\e927';
}

.chat-card-body {
    height: 65vh;
    position: relative;
}

.chat-card-body .chat-card {
    background: #e87624;
    padding: 1.2rem;
    border-radius: 5px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
    width: 90%;
}

.chat-card-body .chat-card label, .chat-card-body .chat-card .has-error .error-message, .has-error .chat-card-body .chat-card .error-message {
    color: #ffffff;
}

.chat-card-body .chat-card label .checkmark, .chat-card-body .chat-card .has-error .error-message .checkmark, .has-error .chat-card-body .chat-card .error-message .checkmark {
    border: 1px solid #ffffff;
}

.chat-card-body .chat-card .check-box input:checked~.checkmark {
    background-color: #ffffff;
    border: 2px solid #ffffff;
}

.chat-card-body .chat-card .checkmark:after {
    border: solid #e87624;
    border-width: 0 0.15rem 0.11rem 0;
}

.chat-card-body .chat-card p {
    color: #ffffff;
}

.chat-card-body .chat-text {
    width: 90%;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
    margin-top: 1rem;
    padding: 0.7rem 1rem;
    color: #333333;
    font-size: 0.8rem;
    border-radius: 3px;
}

.chat-card-body .chat-right {
    margin-left: 10%;
}

.chat-card-body .chat-left {
    margin-right: 10%;
}

.chat-card-body .chat-footer {
    border-top: 2px solid #e87624;
    height: 60px;
    position: absolute;
    bottom: 0;
    width: calc(100% - 2.50rem);
}

.chat-card-body .chat-footer input {
    margin-top: 0.4rem;
    background: none;
}

.navbar .login-link .dropdown-menu-form.gray-indicator:before {
    border-bottom: 1.2rem solid #f1f2f2;
}

.schedule-header {
    background-color: #f1f2f2;
    font-family: "Gotham-Medium";
    font-size: 1rem;
    color: #3f3f3f;
    padding: 1rem 1.2rem;
    border-radius: 5px 5px 0 0;
}

.schedule-header .icon-back {
    display: inline-block;
    color: #e87624;
    margin-right: 10px;
    cursor: pointer;
}

.datepicker-container {
    z-index: 100000 !important;
}

/*Date Picker*/

.timepicker {
    position: absolute;
    z-index: 1000;
    float: left;
    width: 160px;
    padding-bottom: 5px;
    margin: 2px 0 0 0;
    list-style: none;
    font-size: 14px;
    text-align: center;
    background-color: #ffffff;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 4px;
    -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
    background-clip: padding-box;
}

.timepicker:before, .timepicker:after {
    content: '';
    border-top: 0;
    display: inline-block;
    position: absolute;
}

.timepicker .icon-up {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo1MjMyRjZENzU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo1MjMyRjZEODU1NjIxMUU3OTkwMjhDMDYyNDEwRUNBQSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjUyMzJGNkQ1NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjUyMzJGNkQ2NTU2MjExRTc5OTAyOEMwNjI0MTBFQ0FBIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+GdMqPQAAAZdJREFUeNrUmMlKxEAQhlsE8eQSFyTxWTx5Vhx1xn3XkydvvoMgCOJV8CUUd8UFL+rFN/AV3B39GybQBDNWdTpJpeCDQKqT+ajqJaNUulEG52Af9KuCxiKogp8a76BSNIkVQ8DkE4wXXcKUmZAusRxppzg+JFdmiSAQlRkruoTZZhVJElVLkbAyucssJJQQsTTPO5IwK1POY7P7Jv7AQ3AnUYbTTlqiGXSDB0abjUqSOAItxlhfigxnThxHJGxkdJuNuJaYY8yJkxiJMALwyKiMM5lZpkQr4ZkBozJvYDhLiVPQxni2z5Qp2UrMgC/ii86YEraVGeK+YDoDCRuZV47MFKOd9Gdsu4N56DNlBikS1EpcAM/hyhi4kuFIXDqqRDR6k8pMMiU8lV74jH3mBQyEA0uCJGzaTMv06UFPxAFXoCPDEzZHRh9O1TNRwlPZB/U4c6+TN/9JugadOX6FUmTWdGIT2ItJuAVdAv4XqCezDRrDRH2xG0m4ESJRb2ne+iuxAazXJs5GSvtE0ugBO+AArJo3fgUYAKf2/v/Eyp9gAAAAAElFTkSuQmCC);
}

.timepicker .icon-down {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAeCAYAAABuUU38AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo2MzU2NEE0ODU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDo2MzU2NEE0OTU1NjIxMUU3ODcxRUQxRjVDQkRBMzYxNSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjYzNTY0QTQ2NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjYzNTY0QTQ3NTU2MjExRTc4NzFFRDFGNUNCREEzNjE1Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+NuD5CwAAAaNJREFUeNrUmMlKxEAQhlsE8aSOG5LxWTx5Vhx1dNz3kydvvoMgCOJV8CUUd8UFL44X38BXcBl1xr9gGjSYpCtJd2oKPphDpdPfVHV3EqX+xjo4AnugT8mLHNgCx2ATNP2XtANqvyiDfkESPeDON8d90KwT6MeuL0HzBPJCJO4D5ngAWihpIyBBikw3uI2Y4zYlPkYkZSnTCW4M5vei6gunZkDZsUyXoQTxTBcMgFdhMlSJa8M5fYGCvnCIIUNt5gmSmPYPMAzeGJWxsTXnmBIzQQNxZfIpV+IqDYm4Ml5Klbg0vOe3iYSOEYeV6QAXjErMcm9AMu+WZbgSc3H/rQJTxmNKnDPaaT5p/45aqEw7OHMpoWMMfDDOmTCZNqbEQtp7PMlUErYZSZwajlEFi7ZO3XFGZfwyJHHCkFiy/RzElekFrYyHUycSOoqMNntgSNCaWHb9rsCRyXxNRMUEo83EtFOYTCWhxIqULxwk8xlTRIyEjskYlREnoaNkKEPttKqEx5RBm62pBolSiEzDSARtzdUsDru0YhAc1l9jizZv9CPAACzc/v9R+XQaAAAAAElFTkSuQmCC);
}

.timepicker .icon-down:before, .timepicker .icon-up:before {
    display: none;
}

.timepicker .icon-up, .timepicker .icon-down {
    display: inline-block;
    width: 55px;
    height: 20px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20%;
    opacity: .4;
    cursor: pointer;
}

.timepicker .icon-up:hover, .timepicker .icon-down:hover {
    opacity: .7;
}

.timepicker:before {
    top: -7px;
    left: 6px;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    border-bottom: 7px solid rgba(0, 0, 0, 0.15);
    border-bottom-color: rgba(0, 0, 0, 0.2);
}

.timepicker:after {
    top: -6px;
    left: 7px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #ffffff;
}

.timepicker .title {
    padding: 10px 0 5px 0;
    width: 100%;
    cursor: default;
    font-family: "Gotham-Medium";
    font-size: 11px;
}

.timepicker .cell-2 {
    float: left;
    width: 20%;
    min-height: 14px;
    cursor: default;
}

.timepicker .cell-4 {
    width: 40%;
    float: left;
    height: 25px;
}

.timepicker .handle, .timepicker .text {
    position: relative;
}

.timepicker .chose-all {
    position: relative;
    margin: 0 10px 0 10px;
}

.timepicker .text a, .timepicker .text a:active, .timepicker .text a:focus, .timepicker .text a:hover {
    color: #333333;
    font-family: "Gotham-Book";
    text-decoration: none;
    font-size: 0.85rem;
}

.timepicker ul {
    list-style: none;
    padding: 0;
    margin: 0 5px;
}

.timepicker li.cell-2 {
    padding: 3px 0;
    cursor: pointer;
    color: #333333;
    font-family: "Gotham-Book";
    text-decoration: none;
    font-size: 0.85rem;
}

.timepicker li.cell-2:hover {
    background: #ebebeb;
    color: #e87624;
}

.time-picker-icon input {
    background: url("../images/clock.svg") no-repeat right;
    background-size: 14px 14px;
    font-family: "Gotham-Medium";
    font-size: 11px;
    border: none;
    width: 100%;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}

.show-time {
    display: inline-block;
    height: 20px;
    width: 20px;
}

.order-details-content {
    margin-top: 0.7142857142857143rem;
    margin-bottom: 0.7142857142857143rem;
    -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2);
    padding: 1rem 1.4285714285714286rem;
}

.order-details-content .order-id {
    min-width: 85px;
    max-width: 100px;
    font-size: 1rem;
    font-family: "Gotham-Medium";
}

.order-details-content .service-id {
    font-family: "Gotham-Medium";
    font-size: 0.8571428571428571rem;
    border-left: 1px solid #ebebeb;
    border-right: 1px solid #ebebeb;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.order-details-content .order-address {
    font-family: "Gotham-Book";
    font-size: 0.7142857142857143rem;
    border-right: 1px solid #ebebeb;
}

.order-details-content .order-status p {
    font-family: "Gotham-Book";
    font-size: 0.6428571428571429rem;
    margin: 0;
    line-height: 14px;
}

.order-details-content .toggle-arrow {
    text-align: right;
}

.order-details-content .toggle-arrow a {
    color: #e87624;
}

.order-details-content .toggle-arrow a.collapsed i {
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    display: inline-block;
}

.order-details-content .track-order-status {
    border-top: 1px solid #ebebeb;
    padding: 1.6428571428571428rem 0;
    margin-top: 1rem;
}

.order-details-content .top-summary {
    display: none;
}

.order-details-content .top-summary>ul>li label, .order-details-content .top-summary>ul>li .has-error .error-message, .has-error .order-details-content .top-summary>ul>li .error-message {
    visibility: hidden;
}

.order-details-content .top-summary>ul>li>span {
    margin-top: 5px;
}

.order-details-content .top-summary>ul>li:before {
    top: 24px;
}

.order-details-content .top-summary>ul>li.current>label, .order-details-content .has-error .top-summary>ul>li.current>.error-message, .has-error .order-details-content .top-summary>ul>li.current>.error-message {
    visibility: visible;
}

.order-details-content .top-summary>ul>li.current>span:after {
    display: none;
}

.order-details-content .top-summary>ul>li.current>span:before {
    display: block;
}

.order-details-content .order-track-on .top-summary {
    display: block;
}

.order-details-content .order-track-on .address-status {
    display: none;
}

.order-tracking-status>ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.order-tracking-status>ul:after, .order-tracking-status>ul:before {
    display: table;
    content: "";
}

.order-tracking-status>ul:after {
    clear: both;
}

.order-tracking-status>ul>li {
    float: left;
    width: 16.6667%;
    text-align: center;
    position: relative;
}

.order-tracking-status>ul>li .status-track-sum {
    text-align: center;
    font-size: 0.7rem;
    padding-top: 10px;
}

.order-tracking-status>ul>li .status-track-sum>span {
    display: block;
    font-family: "Gotham-Medium";
}

.order-tracking-status>ul>li:before {
    height: 1px;
    background: #e87624;
    width: 100%;
    content: "";
    position: absolute;
    left: 50%;
    top: 28px;
}

.order-tracking-status>ul>li:last-child:before {
    display: none;
}

.order-tracking-status>ul>li>label, .has-error .order-tracking-status>ul>li>.error-message {
    white-space: nowrap;
    font-size: 0.6428571428571429rem;
    font-family: "Gotham-Bold";
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    display: block;
}

.order-tracking-status>ul>li>span {
    height: 12px;
    width: 12px;
    border: 1px solid #e87624;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    display: block;
    margin: 0px auto;
    margin-top: 10px;
    position: relative;
    background: #fff;
    z-index: 1;
}

.order-tracking-status>ul>li>span:before {
    font-family: 'tcl-icons' !important;
    content: "\e90f";
    color: #e87624;
    font-size: 0.35rem;
    position: absolute;
    left: 2px;
    top: 2px;
}

.order-tracking-status>ul>li.current>span:before {
    display: none;
}

.order-tracking-status>ul>li.current>span:after {
    content: "";
    height: 4px;
    width: 4px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    position: absolute;
    left: 3px;
    top: 3px;
    background: #e87624;
}

.order-tracking-status>ul>li.current:before {
    background: #a4a4a4;
}

.order-tracking-status>ul>li.current .sub-tracking {
    display: block;
}

.order-tracking-status>ul>li.current~li>span {
    border: 1px solid #a4a4a4;
}

.order-tracking-status>ul>li.current~li>span:before {
    display: none;
}

.order-tracking-status>ul>li.current~li:before {
    background: #a4a4a4;
}

.order-tracking-status .sub-tracking {
    margin: 0;
    padding: 0;
    list-style-type: none;
    left: 50%;
    position: relative;
    display: none;
}

.order-tracking-status .sub-tracking li {
    position: relative;
}

.order-tracking-status .sub-tracking li:before {
    content: "";
    height: 100%;
    width: 1px;
    position: absolute;
    top: -2px;
    left: 0;
    background: #e87624;
}

.order-tracking-status .sub-tracking li>label, .order-tracking-status .sub-tracking .has-error li>.error-message, .has-error .order-tracking-status .sub-tracking li>.error-message {
    white-space: nowrap;
    font-size: 0.6428571428571429rem;
    font-family: "Gotham-Book";
    padding: 30px 0 0 15px;
    margin: 0;
    display: block;
    text-align: left;
}

.order-tracking-status .sub-tracking li>span {
    height: 7px;
    width: 7px;
    position: absolute;
    left: -3px;
    background: #e87624;
    bottom: 2px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
}

.order-tracking-status .sub-tracking li.current>span {
    background: #ffffff;
    border: 1px solid #e87624;
}

.order-tracking-status .sub-tracking li.current~li>span {
    background: #ffffff;
    border: 1px solid #a4a4a4;
}

.order-tracking-status .sub-tracking li.current~li:before {
    background: #a4a4a4;
}

.ill-order-summary {
    margin-top: 1.2rem;
}

.ill-order-summary .graph-content .counter {
    color: #e87624;
}

.ill-order-summary .graph-content .counter span {
    color: #333333;
}

.orders-container .services-list .card-body {
    min-height: 37.785714285714285rem;
}

.orders-container .services-list .custom-tabs .nav-tabs .nav-link {
    padding: 0.7rem 1.4rem 0.7rem 0;
}

.orders-container .services-list .custom-tabs .nav-tabs .nav-link.active {
    margin: -1px -1.5rem 0 0;
    padding: 0.8rem 1.4rem 0.8rem;
}

.orders-container .services-list .custom-tabs .nav-tabs .nav-link.active small {
    color: #ffffff;
}

.orders-container .services-list .custom-tabs .nav-tabs .nav-link small {
    color: #949494;
}

.navbar .login-link .dropdown-menu-form .schedule-a-call button {
    width: 100%;
    margin-top: 1rem;
}

.faq-container ul li.ct-card {
    margin-top: 1.4285714285714286rem;
}

.faq-container ul li.ct-card:first-child {
    margin-top: 0;
}

.faq-container ul li.ct-card h5 {
    font-family: "Gotham-Medium";
    font-size: 1rem;
    color: #e87624;
    padding-bottom: 0.6rem;
    text-transform: uppercase;
    border-bottom: 1px solid #f1f0f0;
    margin-bottom: 0.7142857142857143rem;
}

/* Themes - theme, other color updates etc */

/*# sourceMappingURL=main.css.map */

/* ===== HEADER ====== */

#header1 {
    background: #3d86c6;
    box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.2);
    min-height: 70px;
    margin-top: 0%;
    position: fixed;
    z-index: 100;
    right: 0;
    left: 0;
}

#breadCrumb {
    background: rgb(1, 20, 35) !important;
}

.fa-bars {
    color: #ffffff;
    font-size: 18px;
}

.flex-container {
    display: flex;
}

.flexbox-container {
    display: flex;
    justify-content: center;
    align-self: center;
}

#main-right {
    display: table-cell;
}

#main {
    margin-top: 70px;
}

#main-left {
    display: table-cell;
}

.dimension-header .select2-drop {
    width: 93.6%;
}

.notification-background {
    color: #fff;
    background: #ea7926;
    padding: 1px 7px 2px 7px;
    /* border: 1px solid #ffff; */
    border-radius: 45%;
    position: absolute;
    font-size: 10px;
    font-weight: 800;
    margin-left: 34px;
    top: 10px;
    box-shadow: 0 0 1px #333;
}

.notification-bg {
    color: #3d86c6;
    background: #fff;
    padding: 1px 7px 2px 7px;
    /* border: 1px solid #ffff; */
    border-radius: 45%;
    position: absolute;
    font-size: 10px;
    font-weight: 800;
    margin-left: 34px;
    top: 10px;
    box-shadow: 0 0 1px #333;
}

.notification-icon {
    color: #ffff !important;
}

/* ======= FOOTER ========= */

footer {
    margin: 0%;
}

#footer {
    padding: 0;
}

/* ===== HEADER NAVBAR ======= */

.header-user-info, .headerOptions i, .header-user-info #username a, .headerOptions a i {
    color: #ffffff;
}

.tata-logo {
    padding: 15px 10px 0px 0px;
}

.tata-full-logo {
    cursor: pointer;
}

#header-partner-logo {
    cursor: default;
}

img.cobrand-logo {
    height: 70px;
}

.header-engagement {
    padding: 15px 20px 0px 0px;
    width: 250px;
}

.ipc-engagement {
    padding: 15px 20px 0px 0px;
    width: 300px;
}

.header-engagement div {
    margin-right: 30px;
    padding: 0px;
}

.header-nav li {
    padding: 0px 20px 0px 20px;
}

.header-nav {
    display: flex;
    flex-wrap: wrap;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    cursor: pointer;
}

.header-wrapper {
    margin: 0px 30px 0px 30px;
}

.header-hamburger {
    padding-top: 20px;
    margin-top: 20px;
    margin-right: 5px;
    padding-left: 25px;
}

.header-tata-full-logo {
    padding: 10px 0px 0px 20px;
    /* margin-top: 20px; */
}

.header-cobrand-logo {
    padding-left: 20px;
}

.primary-navigation a.nav-link span {
    display: block;
    text-align: center;
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
    color: #ffffff;
}

.header-link {
    font-size: 9px !important;
}

.primary-navigation span:hover {
    color: black !important;
    cursor: pointer;
}

.primary-navigation a.nav-link {
    font-size: 10px !important;
    font-family: "Gotham-Medium" !important;
}

.justify-content-end {
    justify-content: flex-end;
}

.align-self-end {
    align-self: flex-end;
}

.header-nav ul li {
    position: relative;
}

.nav-item:hover {
    color: #123c61;
}

.nav-item .nav-link span:hover {
    color: #123c61;
}

.breadcrumb-user-guide {
    display: none;
}

/* ====== MEDIA QUERY STARTS ======== */

/* == FOR HEADER STARTS == */

@media (max-width: 768px) {
    .guide-video {
        display: none;
    }
}

@media (max-width: 768px) {
    .header-engagement {
        width: 200px;
    }
    .header-nav li {
        padding: 0px 5px 0px 5px;
    }
    .user-guide {
        display: none;
    }
    .header-user-info ul {
        margin-right: 10px;
    }
    .breadcrumbContainer .fa-file-pdf-o {
        position: absolute;
        right: 50px;
        top: 5px;
        font-size: 25px;
        cursor: pointer;
        display: block;
    }
}

@media (max-width: 886px) {
    .guide-video {
        display: none;
    }
}

@media (max-width: 360px) {
    .header-tata-full-logo, .header-user-info, .breadcrumb-user-guide {
        display: none !important;
    }
}

@media screen and (max-width: 440px) {
    .logoutForMobile {
        color: #3d86c6;
    }
}

/* == HEADER ENDS == */

/* ====== MEDIA QUERY ENDS ======== */

/* ====== SIDE MENU TOGGLE ========= */

.new-hide-nav {
    left: -8.571rem;
    width: 0px !important;
}

.new-show-nav {
    left: 0px;
    width: 110px !important;
}

/* ======= SIDE MENU (OR) SIDE NAVBAR ====== */

ul#nav li:before, ul.subNav li:before {
    padding: 20px 0px 35px 27px;
    color: #3d86c6;
    font-size: 2rem;
}

ul#nav span:hover, ul.subNav span:hover {
    color: #ffffff !important;
    cursor: pointer;
}

ul#nav li, ul.subNav li {
    padding: 0px;
    display: inline-grid;
}

ul.subNav {
    background: none;
}

.psudo-solid-arrow-up:before, .solid-arrow-up, .subNav:after {
    border-bottom: 6px solid #3d86c6 !important;
    left: 50px;
    top: -5px;
}

#main-left {
    display: table-cell;
    height: auto !important;
    background-color: #10365a;
    box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.1);
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;
}

body {
    height: auto;
    background-image: url("../../images/spotlightimages/bg-img.png");
    background-repeat: repeat;
    font-family: "Gotham-Medium" !important;
}

#main-left:not(.expand) ul#nav li.showNavName>.nav-text {
    padding-top: 2px;
    top: 56px;
    z-index: 1;
    font-size: 9px;
    font-weight: bold;
}

#main-left:not(.expand) ul#nav li:before, #main-left:not(.expand) ul.subNav li:before, #main-left:not(.expand) ul.subNav li .circle {
    padding-left: 43px;
}

ul#nav li.activate:after, ul#nav li:hover.activate:after {
    width: 5px;
    height: 93px;
    max-height: 93px;
    color: #ea7926 !important;
}

.tileHover a>div:after, ul#nav li.activate:after, ul#nav li.here:after, #main-left ul.subNav li.here:after, .checkbox.checked label:before, .radio.checked label:before, .ui-slider-range, .ui-progressbar-value, .slider-range {
    background-color: #ea7926 !important;
}

.filterContainer md-checkbox .md-icon {
    top: 2px !important;
    left: 2px !important;
}

ul#nav a>li:hover:after, ul#nav span>li:hover:after {
    width: 100%;
}

#main-left:not(.expand) ul.subNav li {
    height: auto !important;
    background-color: #092341 !important;
}

.activeMenu {
    background: #10365a;
    /* background: #2a5f84; */
}

#main-left:not(.expand) .subNavLevel3-text:hover {
    background: linear-gradient(270deg, #303030 98%, #ea7926 2%);
}

#main-left:not(.expand) ul.subNav li:hover .nav-text {
    background-color: #051423;
    padding: 35px 25px 25px 75px;
    max-width: inherit;
    left: 100px;
}

#main-left:not(.expand) .subNavLevel3 {
    left: 110px;
    top: 0px;
}

#main-left ul.subNav li:hover:after {
    width: 100% !important;
}

ul#nav span>li:after, ul#nav a>li:after, ul#nav span>li:hover {
    height: 100%;
    max-height: 100%;
    background-color: #ea7926;
}

#main-left ul.subNav li:after {
    background-color: transparent !important;
}

ul#nav li .nav-text {
    height: 84px !important;
}

/* SUBMENU AS PER SPOTLIGHT */

ul#nav li>div.firstLevelSubMenu {
    position: absolute;
    top: 60px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-transform: uppercase;
    font-size: 8px;
    text-align: center;
    color: #fff !important;
}

ul#nav .subNav li .nav-text:hover {
    color: #fff !important;
}

.activeMenuItem:before, .activeMenuItem li:before {
    color: #ea7926 !important;
}

.activeMenu:after {
    width: 5px !important;
    background-color: #ea7926 !important;
}

ul#nav li:hover::before {
    color: #ffffff;
}

/* === ANIMATIONS === */

@keyframes slideInFromDown {
    0% {
        transform: translateY(-100%);
    }
    100% {
        transform: translateY(0);
    }
}

.flyInDown {
    animation: 1s ease-in-out slideInFromDown;
}

@keyframes slideInFromLeft {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.flyInLeft {
    animation: 0.5s ease-in-out slideInFromLeft;
}

@keyframes slideInFromRight {
    0% {
        transform: translateX(100%);
    }
    100% {
        transform: translateX(0%);
    }
}

.flyInRight {
    animation: 0.5s ease-in-out slideInFromRight;
}

/* ====== COMMON STYLING FOR SPOTLIGHT ====== */

.secondary-dark-outline-btn {
    color: #ea7926 !important;
}

.secondary-dark-outline-btn:hover {
    color: #ffffff !important;
}

.secondary-dark-outline-btn a {
    color: #ea7926 !important;
}

.secondary-dark-outline-btn a:hover {
    color: #ffffff !important;
}

.card-new .glyphicon {
    color: #ea7926 !important;
}

.glyphicon-expand {
    color: #ea7926 !important;
}

/* .glyphicon {
  z-index: 0 !important;
} */

.glyphicon-search {
    z-index: 1 !important;
}

.container-fluid .bg-lightGray .glyphicon {
    color: #ea7926 !important;
}

table div.input-group a {
    color: #ea7926 !important;
}

.table-bg-grey {
    background: #f1f1f2;
}

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

/* == SCROLLBARS == */

.custom-scrollbar-orange::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-orange::-webkit-scrollbar-thumb {
    background: #ea7926;
    border-radius: 5px;
    height: 50px;
}

.custom-scrollbar-grey::-webkit-scrollbar {
    width: 6px;
}

.custom-scrollbar-grey::-webkit-scrollbar-thumb {
    background: #ddd;
    border-radius: 5px;
    height: 50px;
}

.select2-results::-webkit-scrollbar {
    width: 6px;
}

.select2-results::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 5px;
    height: 50px;
}

/* PAGINATION */

.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 0;
    color: #f1f1f2;
    cursor: default;
    background-color: #ea7926;
    border-color: #ea7926;
}

.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 1;
    color: #ea7926;
    background-color: #f1f1f2;
    border-color: #ddd;
}

.pagination>li>a {
    color: #ea7926;
    background: #f1f1f2;
}

/* ====== CHECKBOX AND RADIO BUTTONS ======= */

md-radio-button.md-default-theme:not([disabled]).md-primary .md-on, md-radio-button:not([disabled]).md-primary .md-on, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-button:not([disabled]) .md-primary .md-on, md-radio-group.md-default-theme:not([disabled]).md-primary .md-on, md-radio-group:not([disabled]).md-primary .md-on, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-on, md-radio-group:not([disabled]) .md-primary .md-on {
    background-color: #ea7926 !important;
}

md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #ea7926 !important;
}

/* md-radio-button.md-default-theme .md-on, md-radio-button .md-on {
    background-color: #ea7926 !important;
} */

md-radio-button.md-default-theme.md-checked .md-off, md-radio-button.md-checked .md-off {
    border-color: #ea7926 !important;
}

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple {
    background-color: #ea7926 !important;
}

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-ink-ripple, md-checkbox:not([disabled]).md-primary.md-checked .md-ink-ripple {
    color: #ea7926 !important;
}

md-checkbox.md-default-theme.md-checked .md-ink-ripple, md-checkbox.md-checked .md-ink-ripple {
    color: #ea7926 !important;
}

md-checkbox.md-default-theme:not([disabled]).md-primary:not(.md-checked) .md-icon, md-checkbox:not([disabled]).md-primary:not(.md-checked) .md-icon {
    border-color: #ea7926 !important;
}

md-checkbox.md-default-theme:not([disabled]).md-primary.md-checked .md-icon, md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #ea7926 !important;
}

md-radio-button.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-button:not([disabled]).md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-button:not([disabled]) .md-primary.md-checked .md-off, md-radio-button.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-button:not([disabled]).md-primary .md-checked .md-off, md-radio-button.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-button:not([disabled]) .md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary.md-checked .md-off, md-radio-group:not([disabled]).md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary.md-checked .md-off, md-radio-group:not([disabled]) .md-primary.md-checked .md-off, md-radio-group.md-default-theme:not([disabled]).md-primary .md-checked .md-off, md-radio-group:not([disabled]).md-primary .md-checked .md-off, md-radio-group.md-default-theme:not([disabled]) .md-primary .md-checked .md-off, md-radio-group:not([disabled]) .md-primary .md-checked .md-off {
    border-color: #ea7926 !important;
}

md-container md-ink-ripple {
    color: #ea7926 !important;
    background-color: #ea7926 !important;
}

md-switch .md-thumb {
    background: #ea7926 !important;
}

md-switch .md-container {
    z-index: 0;
}

md-switch .md-bar {
    background: #eba346 !important;
}

.md-button.md-default-theme.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-primary.md-fab:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-fab:not([disabled]):hover, .md-button.md-primary.md-fab:not([disabled]):hover, .md-button.md-default-theme.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-primary.md-raised:not([disabled]).md-focused, .md-button.md-default-theme.md-primary.md-raised:not([disabled]):hover, .md-button.md-primary.md-raised:not([disabled]):hover {
    background-color: #ea7926 !important;
}

.md-button.md-default-theme[disabled], .md-button[disabled] {
    background-color: #ea7926 !important;
}

/* md-checkbox.md-checked .md-icon:after {
  left: 4.66667px !important;
  top: -4.017778px !important;
} */

md-checkbox.md-default-theme.md-checked .md-icon, md-checkbox.md-checked .md-icon {
    background-color: #e87624;
}

/* ==== SLIDER ==== */

md-slider.md-default-theme.md-primary .md-track.md-track-fill, md-slider.md-primary .md-track.md-track-fill {
    background-color: #ea7926 !important;
}

md-slider.md-default-theme .md-track, md-slider .md-track {
    background-color: #f1f1f2 !important;
}

md-slider.md-default-theme .md-track.md-track-fill, md-slider .md-track.md-track-fill {
    background-color: #fbcc0a !important;
}

md-slider.md-default-theme.md-primary .md-thumb:after, md-slider.md-primary .md-thumb:after {
    border-color: #ea7926 !important;
    background-color: #ea7926 !important;
}

md-slider.md-default-theme .md-thumb:after, md-slider .md-thumb:after {
    border-color: #fbcc0a !important;
    background-color: #fbcc0a !important;
}

.filterContainer md-checkbox:not([disabled]).md-primary.md-checked .md-icon {
    background-color: #ea7926 !important;
    border-color: #ea7926 !important;
}

.lineSplit {
    border-top: 1px solid #ededed;
}

/* ======= LOADER ======= */

.loader-wrapper {
    margin: auto;
    width: 100px;
    top: 45%;
    left: 45%;
    position: fixed;
    z-index: 1;
    height: auto;
}

.loader, .loader:before, .loader:after {
    border-radius: 50%;
    width: 2.5em;
    height: 2.5em;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation: load7 1.8s infinite ease-in-out;
    animation: load7 1.8s infinite ease-in-out;
}

/* ===== FOR SMALL SPINNER IN THE PAGES ==== */

.data-loading:before {
    border: solid 3px transparent;
    border-top-color: #ea7926 !important;
    border-left-color: #ea7926 !important;
    border: solid 4px transparent;
    border-bottom-color: #ea7926;
    /* border-right-color: #3c5975; */
    border-right-color: #f1f1f2;
    -webkit-animation: nprogress-spinner 1000ms linear infinite;
    animation: nprogress-spinner 1000ms linear infinite;
}

.loader {
    color: #ea7926;
    font-size: 10px;
    margin: 0px;
    position: relative;
    -webkit-transform: translateZ(0);
    -ms-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
    z-index: 101;
}

.loader:before, .loader:after {
    content: "";
    position: absolute;
    top: 0;
}

.loader:before {
    left: -3.5em;
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.loader:after {
    left: 3.5em;
}

@-webkit-keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

@keyframes load7 {
    0%, 80%, 100% {
        box-shadow: 0 2.5em 0 -1.3em;
    }
    40% {
        box-shadow: 0 2.5em 0 0;
    }
}

md-progress-circular path {
    stroke: #ea7926 !important;
}

/* ======= IPC ========= */

/* ======== DEPARTMENT  ========= */

.select2-container-multi .select2-choices .select2-search-choice {
    padding: 5px 5px 5px 20px !important;
    margin: 5px !important;
    border: 1px solid #e4e4e4 !important;
    border-radius: 5px !important;
}

.tileHover a>div:hover {
    color: #fff !important;
}

.deptListContainer .deptList .card {
    box-shadow: none !important;
}

.card {
    box-shadow: none !important;
}

.card:hover .card-name {
    color: #ea7926 !important;
}

.deptListContainer .deptList .card:hover {
    border-top: 5px solid #ea7926;
}

.card:hover {
    border-top: 5px solid #ea7926 !important;
}

.select2-container-multi.select2-container-active .select2-choices {
    border: 1px solid #ea7926 !important;
}

.bu-firewall .select2-drop {
    width: 97.4%;
}

/* ====== CREATE DEPARTMENT ======= */

.top-header {
    color: #fdfdfd;
    font-family: "Gotham-Medium";
}

.form-control {
    padding: 0.375rem 10px;
}

.bg-primary {
    background-color: #ea7926 !important;
}

.form-control:focus, input[type="text"]:focus {
    border: none !important;
    border-bottom: 1px solid #ea7926 !important;
}

.vmdle {
    color: #ea7926;
}

.box_dsgn h5 {
    color: #000000;
}

.circleTabBox:before {
    background-color: #b4b4b4 !important;
}

.circleTabBox:after {
    background-color: #b4b4b4 !important;
}

.select2-container-multi .select2-choices {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
}

select.form-control, select.form-control:focus, select.form-control:active {
    -webkit-appearance: menulist;
}

.select2-container-multi .select2-choices {
    background-image: none !important;
}

.select2-search-field input {
    -webkit-appearance: menulist !important;
}

/* ======= DEPARTMENT QUOTA  ====== */

.deptEditOptions .glyphicon {
    color: #ffffff;
}

.deptInfo {
    color: #ffffff !important;
}

.tile {
    padding: 8px !important;
}

.deptTiles .envTile {
    box-shadow: none;
}

.deptTiles .vmTile {
    box-shadow: none !important;
}

.deptTiles .tileInfo h1, .tileInfo h4 {
    color: #ffffff;
}

.deptTiles .tileInfo .small-text {
    color: #fbcc0a;
    font-size: 12px;
}

.deptTiles .tileInfo {
    padding: 0px !important;
}

.deptTiles .buTile {
    background-color: #3c5975 !important;
    text-align: center;
    text-transform: uppercase;
}

.tabs .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    border-bottom: 4px solid #ea7926 !important;
}

/* ======= TABLE STYLING ====== */

table {
    font-size: 14px !important;
}

.table tbody tr:nth-child(odd) {
    background: #ffffff !important;
}

.table tbody tr:nth-child(even) {
    background: #ffffff !important;
}

table thead tr th, table tbody tr td {
    text-align: left;
}

.userUtilization table {
    border-spacing: 0 2px !important;
}

.fireWallForm>table tr td {
    word-break: break-word;
}

thead {
    background: none !important;
    color: #000000 !important;
}

/* instead of tableCard this is being used */

table tbody tr {
    color: black;
    font-size: 13px !important;
    border: 2px solid #e2e2e2;
    box-shadow: 0px 1px 1px 2px #e2e2e2;
    background: #ffffff !important;
}

/* instead of tableRowSplit this is  being used */

table {
    border-collapse: separate;
    border-spacing: 0 10px;
    text-align: left;
    background: #f1f1f2;
    padding: 10px;
}

table tbody tr td, table thead tr th {
    border-right: 1px solid #e1e1e2;
}

table thead tr th {
    background-color: transparent;
    text-align: center;
    font-size: 12px !important;
    font-weight: 700 !important;
    color: #000000;
}

table thead tr th:last-child {
    border-right: none;
}

table thead tr th:first-child {
    border-left: none;
}

/* table tbody tr td:nth-child(1) {
  text-align: center;
} */

.table-bordered {
    border: none !important;
}

.table-bordered>thead>tr>th {
    border-bottom: 0px !important;
    border-top: 0px !important;
    border-color: #e1e1e2;
}

.buTicket>thead>tr>th {
    padding: 15px !important;
}

.buTicket>tbody>tr>td {
    width: 7% !important;
}

.tableRowSelected {
    color: #ea7926 !important;
    background: #ea7926 !important;
}

.packerImages table tbody tr td:first-child {
    text-align: left !important;
}

.input-group table tbody tr {
    box-shadow: none !important;
}

/* ======= PANEL ======== */

.panel-primary>.panel-heading, .cusBox>.panel-heading {
    background: rgb(60, 89, 117);
}

.panel {
    background: rgb(38, 71, 102);
}

accordion .panel {
    background: #f1f1f2;
}

.panel-primary, .panel-primary>.panel-heading {
    border: none;
    border-radius: 5px 5px 0px 0px;
}

.panel_heading_font {
    font-style: normal;
    font-weight: 600;
}

.panel-heading {
    padding: 10px 0px 0px 10px;
    font-size: 14px;
    font-weight: 500;
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
    background-color: #f1f1f2;
}

.allcustomerlist-engagement {
    top: -85px;
    z-index: 100;
}

.main-dashboard .tile-background, .mpc-dashboard .tile-background {
    height: 150px;
    background: #264766;
}

.main-dashboard .tile {
    float: left;
    padding: 0 5px;
    width: 19%;
    margin: 10px 5px 10px 5px;
    border-radius: 4px;
    color: #fff;
}

.main-dashboard .tile-wrapper {
    position: relative;
}

.main-dashboard .header-line {
    background: #FF5722 !important;
    width: 40px;
    height: 2px;
    border-radius: 4px;
}

/* .main-dashboard .tile-head {
    text-transform: uppercase;
    position: relative;
    border-bottom: 2px solid #ff5722 !important;
    display: inline-block;
} */

.main-dashboard .tile-head {
    text-transform: uppercase;
    padding: 5px 0px 5px 0px;
}

.main-dashboard .tile:hover {
    box-shadow: 0px 0px 0px 1px #fff;
}

.d-flow-root {
    display: flow-root;
}

.main-dashboard .tile-info {
    text-transform: uppercase;
    padding: 5px;
}

.main-dashboard .old-dashboard-left {
    float: left;
    padding-bottom: 4px !important;
    padding-top: 4px;
    width: 50%;
}

.mpc-dashboard .old-dashboard-left {
    float: left;
    width: 78%;
}

.mpc-dashboard .old-dashboard-right {
    float: right;
    width: 50%;
}

/* MPC */

.mpc-dashboard .tile {
    float: left;
    padding: 0 5px;
    width: 19%;
    margin: 10px 5px 10px 5px;
    border-radius: 4px;
    color: #fff;
}

.mpc-dashboard .mpctile {
    float: left;
    padding: 0 5px;
    width: 23%;
    margin: 10px 5px 10px 5px;
    border-radius: 4px;
    color: #fff;
    height: 185px;
}

.mpc-dashboard .tile-wrapper {
    position: relative;
}

.mpc-dashboard .header-line {
    background: #FF5722 !important;
    width: auto;
    height: 2px;
    border-radius: 4px;
}

.mpc-dashboard .tile-head {
    text-transform: uppercase;
    padding: 15px 0px 5px 0px;
}

.mpc-dashboard .tile:hover {
    box-shadow: 0px 0px 0px 1px #fff;
}

.d-flow-root {
    display: flow-root;
}

.mpc-dashboard .tile-info {
    text-transform: uppercase;
    padding: 5px;
    height: auto;
}

.mpc-dashboard .old-dashboard-left {
    float: left;
    padding-bottom: 4px !important;
    padding-top: 4px;
    width: 78%;
}

.mpc-dashboard .old-dashboard-right {
    float: right;
    padding-bottom: 4px !important;
    padding-top: 4px;
    width: 50%;
}

.mpc-dashboard .old-dashboard-right {
    float: right;
    padding-bottom: 4px !important;
    padding-top: 4px;
    width: 50%;
}

.mpc-dashboard .list-none {
    list-style: none;
}

.mpc-dashboard .disk-details {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.mpc-dashboard .buy-now {
    font-size: 12px;
    color: #fbfbfb;
    background: transparent;
    font-weight: lighter;
    width: 80px;
    border-radius: 10px;
    border: 1px solid;
}

.mpc-dashboard .notpurchased {
    color: #ea7926;
}

.mpc-dashboard .notpurchased:hover {
    background: #ea7926;
    border-radius: 4px;
    color: #fff !important;
    padding: 1px 3px 1px 3px;
    font-size: 12px;
}

.mpc-dashboard .purchased {
    font-size: 12px;
    background: transparent;
    color: #32cd32;
    font-weight: lighter;
    width: 80px;
    border-radius: 10px;
}

.mpc-dashboard .badge {
    margin: 2px;
    padding: 4px 8px;
}

/* End of MPC */

.main-dashboard .old-dashboard-right {
    float: right;
    padding-bottom: 4px !important;
    padding-top: 4px;
    width: 50%;
}

.main-dashboard .list-none {
    list-style: none;
}

.main-dashboard .disk-details {
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex;
}

.main-dashboard .buy-now {
    font-size: 12px;
    color: #fbfbfb;
    background: transparent;
    font-weight: lighter;
    width: 80px;
    border-radius: 10px;
    border: 1px solid;
}

.main-dashboard .notpurchased {
    color: #ea7926;
}

.main-dashboard .notpurchased:hover {
    background: #ea7926;
    border-radius: 4px;
    color: #fff !important;
    padding: 1px 3px 1px 3px;
    font-size: 12px;
}

.main-dashboard .purchased {
    font-size: 12px;
    background: transparent;
    color: #32cd32;
    font-weight: lighter;
    width: 80px;
    border-radius: 10px;
}

.main-dashboard .badge {
    margin: 2px;
    padding: 4px 8px;
}

.main-dashboard ul.backup-location {
    margin: 0;
}

.controlpanel-dashboard .panel-card {
    padding: 0px !important;
}

.controlpanel-dashboard .panel {
    border-radius: 0px;
    /* padding: 10px; */
}

.controlpanel-dashboard .panel-primary>.panel-heading, .cusBox>.panel-heading {
    background: #fff;
    border-bottom: 1px solid #ccc;
}

.controlpanel-dashboard .panel_heading_font {
    color: #000;
    font-weight: 700;
}

/* ===== BUSINESS UNIT ======= */

.businessUnit-text {
    color: #ffffff !important;
}

.deptInfo .deptEditOptions .glyphicon:hover {
    background-color: transparent !important;
}

.environmentCard .card:hover, .envList .card:hover {
    border-top: 5px solid #ea7926 !important;
}

/* ==== ENVIRONMENT ====== */

.launchVm:hover {
    background: #ea7926 !important;
}

.launchVm i {
    color: #3d86c6 !important;
}

.summary-block .panel-body {
    color: #ffffff !important;
}

.summary-block .listInfo {
    border-bottom: 1px solid rgb(60, 89, 117) !important;
}

.envDetails .detail, .envDetails .detailInfo, .detailInfo .text-mute.glyphicon:before {
    color: #ffffff !important;
}

.envDetails .glyphicon:hover {
    background: transparent !important;
}

.envInfo .buTile {
    background-color: #ffffff !important;
    color: #000000 !important;
    text-align: center;
    text-transform: uppercase;
    border-radius: 0px !important;
}

.envInfo .vmTile, .envInfo .zoneTile {
    box-shadow: none !important;
}

.vlan a:hover {
    color: #ea7926 !important;
}

.quota-disable {
    background: #f5f5f5;
    padding: 5px;
}

.select2-results .select2-highlighted .quota-disable {
    background: #ea7926;
}

.envForm {
    background-color: #fbfbfb;
    padding: 10px 0px 10px 0px;
    border-radius: 5px;
}

.zoneInfo {
    background-color: #f1f1f2;
    padding: 10px;
    border-radius: 5px;
    margin-top: 10px;
}

/* TABS IN ENVIRONMENT PAGE */

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

.deleteZoneBtn {
    padding: 5px 20px 0px 5px !important;
}

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

.discover-from-kvm a:hover {
    color: #4c83c4 !important;
}

.fa-trash-o {
    color: #ea7926;
}

accordion .panel-group .panel {
    border-radius: 5px;
    min-height: 40px;
}

accordion .panel-heading {
    padding: 0px;
}

.location-accordion {
    padding: 10px;
}

.router-accordion {
    padding: 10px;
}

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

.active-btn:hover {
    box-shadow: 0px 2px 4px #949494 !important;
}

md-switch.md-default-theme.md-checked .md-bar, md-switch.md-checked .md-bar {
    background-color: #f1a065 !important;
}

md-switch.md-default-theme.md-checked .md-thumb, md-switch.md-checked .md-thumb {
    background-color: #ea7926 !important;
}

.reserved-ip i {
    color: #ea7926 !important;
}

.itsmCmdbListNew>.custom-box-full {
    background-color: #f1f1f2;
}

.cmdblist table tbody tr td:nth-child(1) {
    text-align: left !important;
}

.box {
    cursor: default;
}

.unManagedAssets>td, .managedAssets>td {
    text-align: center !important;
}

.assetDetails>.box {
    box-shadow: none;
}

/* ======= LAUNCH VM ======== */

.listContainer .vmInstance:hover {
    border-left: 4px solid #ea7926 !important;
}

.listContainer .activeList {
    border-left: 4px solid #ea7926 !important;
}

.launchvm .data-loading {
    min-height: 40px !important;
}

.select-btn {
    border-color: #ea7926;
    color: #ea7926;
}

.select-btn:hover {
    background-color: #ea7926;
    color: #ffffff;
}

select>option {
    color: #000 !important;
}

.volumeAction option {
    color: #000 !important;
}

.div-hover:hover {
    color: #ea7926;
}

.pricing-box-50 {
    width: 50% !important;
}

.pricing-box-40 {
    width: 40% !important;
}

.filter-image>span {
    word-break: break-all !important;
}

/* ==== ZONE ===== */

.zone-details-panel {
    padding: 20px 10px 0px 20px;
}

.zone-details-panel .panel-heading {
    border-bottom: 1px solid #092646;
}

.break-word-all {
    word-break: break-all;
}

.b-t-1 {
    border-top: 1px solid rgb(60, 89, 117);
}

/* ==== ICS ===== */

form>div>label {
    font-weight: 500;
}

.datePickerContainer ul {
    padding: 5px !important;
}

.panel-body>div>label {
    font-weight: 500;
}

.ics-account .panel-heading {
    padding: 0px 0px 0px 10px;
}

.ics-endpoint-account-info {
    border-bottom: 1px solid #e1e1e2 !important;
}

.ics-account-download .ui-select-dropdown.select2-drop {
    width: 83%;
}

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

.icssingleuser .select2-drop {
    width: 91.1%;
}

.icssingleuser a {
    color: #000 !important;
}

.ics-userlist-background {
    height: 280px;
    background: #fbfbfb;
    border-radius: 4px;
    border: 1px solid #ccc;
    overflow-x: none;
    word-wrap: break-word;
    word-break: break-word;
}

.box-shadow-none {
    box-shadow: none !important;
}

.userlist-header {
    text-transform: uppercase;
    border-bottom: 1px solid #ccc;
    padding: 10px;
}

.ics-single-user {
    background: #f1f1f2;
    padding: 10px;
    margin-bottom: 10px;
    border-radius: 4px;
    text-transform: uppercase;
}

.p-t-2 {
    padding-top: 2px;
}

.userlist-body {
    height: 200px;
    overflow: auto;
    padding: 10px;
}

.add-device {
    height: 400px;
    overflow-y: auto;
    overflow-x: hidden;
}

.threshold-checkbox {
    width: 100%;
    margin: 8px 0px 0px -58px;
}

.percentage-margin {
    margin: 30px 0px 0px -12px;
}

.toggle-container {
    margin: 6px 0px 0px -30px;
}

.list-all-ip {
    padding: 0px;
    border: 0px;
    color: #ea7926;
    background: transparent;
}

.quotaTable .tableCard {
    box-shadow: 0px 1px 1px 1px #e1e1e1;
}

.quotaTable .tableCard>td {
    padding: 5px 0px 5px 5px;
}

.firewallList .secondary-dark-outline-btn:hover, .firewallList .secondary-dark-outline-btn {
    padding-top: 5px;
}

/* .engagement-details .secondary-dark-outline-btn:focus:hover,
.engagement-details .secondary-outline-btn:focus,
.secondary-dark-outline-btn:focus {
  background-color: #ea7926 !important;
  border: 2px solid #ea7926 !important;
  color: #ffffff !important;
} */

.overflow-auto {
    overflow: auto;
}

.account-heading {
    border-bottom: 1px solid #e1e1e2;
}

.accountTile {
    box-shadow: 1px 1px 5px 4px #e1e1e2;
}

.margin-t-50 {
    margin-top: 50px;
}

.ics-message>footer {
    background: none !important;
}

/* .ngdialog {
    z-index: 1 !important;
} */

.ngdialog.vm-advanceoption {
    z-index: 1 !important;
}

.ngdialog.add-key-pair {
    z-index: 1 !important;
}

.ngdialog.ngdialog-theme-default.custom-width-350 .ngdialog-content {
    width: 350px;
}

.ngdialog.ngdialog-theme-default .ngdialog-content {
    font-family: "Gotham" !important;
}

.p-l-5p {
    padding-left: 5%;
}

.siem-modal {
    z-index: 20 !important;
}

/* .msg-config ~ div {
  overflow-y: scroll;
  height: 290px;
} */

.angularjs-datetime-picker {
    overflow-y: scroll;
    height: 270px;
}

.createconatiner-screen {
    margin-top: 12px;
    padding-top: 15px;
    padding-bottom: 15px;
    border: 1px solid #d6cccc;
}

/* ========= CONFIG =======  */

.float {
    background: #ea7926 !important;
    color: #ffffff !important;
    width: 25px;
    height: 25px;
    bottom: 20px;
    right: 20px;
    border-radius: 50px;
    text-align: center;
    display: inline-block;
}

.lbConfig .add-icon {
    color: #ea7926;
    padding: 15px 0px 0px 10px;
    font-size: 15px;
}

.displayNone {
    display: none;
}

.backup-card {
    background: #fbfbfb;
    box-shadow: 1px 1px 1px 1px #ccc;
    padding-top: 20px;
    margin-top: 20px;
}

.add-backup {
    float: right;
    font-size: 14px;
    color: #ea7926;
    cursor: pointer;
}

legend span select>option {
    color: #000;
}

legend span select {
    color: #000;
}

.my-float {
    padding-top: 7px;
    margin-top: 0px !important;
}

.text-danger {
    position: relative !important;
}

.engagement-details a {
    color: #ea7926 !important;
}

/* .engagement-details a:hover {
  color: #ffffff !important;
} */

.engagement-details a.ui-select-choices-row-inner:hover {
    color: #000000 !important;
}

.engagement-details td a:hover {
    color: #ea7926 !important;
}

.engagementCofTable {
    padding: 0px 15px 10px 15px;
    margin: 0px 0px 0px 0px;
}

.titleColor {
    background: #ffffff !important;
}

.departmentListWrapper {
    border: 1px solid #f1f1f2 !important;
}

.departmentListWrapper .department a:hover {
    background: #ea7926 !important;
    color: #fff !important;
}

/* .configTabs .tabIcons {
  padding: 5px 15px 0px 0px;
  color: #011423 !important;
} */

.configTabs {
    position: absolute;
    top: 0px;
    border-bottom: 1px solid #cccccc;
}

.configTabs .tabIcons {
    font-size: 14px;
    text-align: center;
    width: 12%;
    color: #000000;
    cursor: pointer;
    padding: 10px 0px;
    position: relative;
}

.configTabs .tabIcons small {
    font-family: "Gotham-Medium" !important;
}

.configTabs .tabIcons:hover {
    border-bottom: 3px solid #3d86c6;
}

.configTabs .activeTab {
    border-bottom: 3px solid #ea7926;
    background: #f1f1f2;
    font-weight: 700;
}

.activeEndpoint {
    background: #ea7926 !important;
}

.activeEndpoint:after {
    border-left: 20px solid #ea7926 !important;
}

.endpointConfiguration .endpointNameList:hover:after {
    border-left: 20px solid #ea7926 !important;
}

.endpointConfiguration .endpointNameList:hover {
    background: #ea7926 !important;
}

.engagement-details a.vcdConfigure {
    color: #3d86c6 !important;
    font-size: 20px;
}

/* .endpointConfiguration .endpointNameList {
    background: #ffffff !important;
} */

.avilFirewall .fa-plus {
    color: #ea7926 !important;
    z-index: 1;
}

.avilFirewall {
    z-index: 0;
}

.editDatastore {
    font-size: 14px;
}

.tabwrapper>.options>a:hover {
    color: #ffffff !important;
}

.firewallList i {
    color: #ea7926 !important;
}

.endpointConfiguration .firewallList:hover {
    border-left: 5px solid #ea7926 !important;
}

.internetLinks a:hover, .firewallList span a:hover {
    color: #4c83c4 !important;
}

.endpointConfiguration .firewallList button {
    color: #ea7926 !important;
    background: none !important;
    box-shadow: none !important;
    border: 1px solid #ea7926 !important;
    margin-top: 4px;
}

.hypervisorName {
    box-shadow: none !important;
    border: 1px solid #ea7926 !important;
}

.eng-card {
    min-height: 190px;
    height: 230px;
    overflow-wrap: break-word;
}

.third-circle {
    top: 40px;
    left: 40px;
    position: relative;
    width: 80px;
    height: 0px;
    overflow: visible;
}

.second-circle {
    top: 20px;
    left: 20px;
    position: relative;
    width: 80px;
    height: 0px;
    overflow: visible;
}

.top-zero {
    top: 0px;
}

.progress-bar-details {
    top: 43px !important;
    position: absolute;
    float: left;
    left: 150px;
    width: 160px;
    height: 95px;
    font-size: 11px;
}

.disk-heading {
    position: relative;
    top: -3px;
    left: 6px;
}

.disk-data {
    left: 10px;
    position: relative;
    top: -3px;
}

.provisioned-sata {
    width: 75px;
    display: inline-block;
}

.provisioned-sas {
    width: 75px;
    display: inline-block;
    margin-left: 10px;
}

.provisioned-ssd {
    width: 75px;
    margin-left: 10px;
    display: inline-block;
}

.selected-cof-details {
    border: 1px solid lightgray;
    border: 1px solid lightgray;
    border-radius: 5px;
    width: 48% !important;
    margin-right: 6px;
}

.coftitleColor {
    background: #ffffff;
}

/* .selected-cof-details .row:after{
  clear: none !important;
} */

/* ===  PARTNER DETAILS ====== */

.sas {
    background: #eba346 !important;
}

.ssd {
    background: #eb465c !important;
}

.sata {
    background: #4c83c4 !important;
}

.discoverbutton .secondary-dark-outline-btn, .imageList .secondary-dark-outline-btn {
    padding-top: 0px !important;
}

.storageTable thead tr th {
    padding: 10px !important;
    font-size: 14px !important;
}

.storageTable tbody tr td {
    text-align: center !important;
}

.addFlavorLegend {
    background: #ea7926 !important;
}

.firewallList a:hover {
    color: #4c83c4 !important;
}

.ui-select-choices-row a {
    color: #000000 !important;
}

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

.partnerTicketTable tbody tr td:first-child {
    text-align: left !important;
}

.addDetails a:hover {
    color: #4c83c4 !important;
}

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

.tabwrapper form a {
    padding-top: 5px;
}

.customerInfo a:hover {
    border-top: 4px solid #ea7926 !important;
}

.customerInfo a {
    box-shadow: none !important;
}

/* ==== CUSTOMER LIST ==== */

.notification-grey {
    color: #f1f1f2 !important;
    /* background: #f1f1f2 !important;
    border-radius: 75%; */
}

.notification-orange {
    color: #ea7926 !important;
}

/* ==== CUSTOMER DETAILS ==== */

/* .customerDetailContainer .active {
    border-left: 7px solid #06e606 !important;
}

.customerDetailContainer .inActive {
    border-left: 7px solid #ea7926 !important;
} */

.headerTabs {
    background-color: #3d86c6 !important;
}

.customerDetailContainer .engagement {
    box-shadow: none !important;
}

.radio.checked label:after, .radio.checked label:before {
    background: #ea7926 !important;
}

.form-control:focus, .uneditable-input:focus, input[type="text"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, textarea:focus, select option, .checkbox.checked label:before, .radio.checked label:before {
    border-color: #ea7926 !important;
}

/* ==== TOOL TIP ===== */

.tooltip.top .tooltip-arrow {
    border-top-color: #3d86c6 !important;
}

.tooltip.right .tooltip-arrow {
    border-right-color: #3d86c6 !important;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #3d86c6 !important;
}

.tooltip.left .tooltip-arrow {
    border-left-color: #3d86c6 !important;
}

md-progress-circular path {
    stroke: #ea7926 !important;
}

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

.storageCapacityContent div {
    display: inline-block;
    padding: 1px;
}

.storageCapacityContent div:last-child {
    color: #8c8c8c !important;
}

.viewnodesTable table {
    border-spacing: 0 0px;
}

.viewnodesTable table tbody tr {
    box-shadow: 0px 1px 1px 1px #e2e2e2;
}

.editable *:hover {
    background-color: #ffffff !important;
    color: #ea7926 !important;
}

.subnetTable button i div {
    padding-top: 5px !important;
    font-size: 10px !important;
}

.subnetForm table {
    border-spacing: 0 0px !important;
}

.reservedVlanTable table {
    border-spacing: 0 0px !important;
}

.nav-tabs>li, .nav-tabs {
    border-bottom: 1.5px solid #f1f1f2 !important;
    border-top: 1px solid #f1f1f2;
}

.bg-orange {
    background: #ea7926 !important;
}

.engagement-details .selectedEndpoint {
    background: #ea7926 !important;
}

.scheduler-border {
    border: 1px solid #fff !important;
}

.newCOFText {
    color: #ea7926 !important;
}

.engDetails .tierTile {
    box-shadow: none !important;
}

.configTabs1 .tabIcons {
    color: #000000 !important;
}

.assignUserFormDetails a:hover, .engContainers a:hover {
    color: #ea7926 !important;
}

.assignUserFormDetails a, .engContainers a {
    color: #000000 !important;
}

.cofHover:hover {
    color: #ffffff !important;
}

.currentEndpoint {
    background-color: #ea7926 !important;
    color: #ffffff !important;
    border-color: #ea7926 !important;
}

.currentEndpoint:after {
    border-left: 15px solid #ea7926 !important;
}

.msnav .endpointList {
    border: 1px solid #ddd;
}

.msnavTopContainer {
    background-color: #f1f1f2 !important;
    color: #333 !important;
    border: 1px solid #ddd;
}

.msnavTopContainer div.activeTopContainer {
    /* background-color: #ea7926 !important; */
    /* color: #ffffff !important; */
    background-color: transparent !important;
    border-bottom: 5px solid #ea7926 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.msnavTopContainer div.activeTopContainer:hover {
    border-bottom: 5px solid #ea7926 !important;
}

/* .msnavTopContainer div.activeTopContainer i {
    color: #ffffff !important;
} */

.msnavTopContainer div:hover {
    /* background-color: #ea7926 !important; */
    border-bottom: 5px solid #4c83c4 !important;
    background-color: transparent !important;
}

.siemconfigTabs i.activeTab {
    /* background-color: #ea7926 !important; */
    /* color: #ffffff !important; */
    background-color: transparent !important;
    border-bottom: 5px solid #ea7926 !important;
    border-right: 1px solid #ddd;
    border-left: 1px solid #ddd;
}

.siemconfigTabs i.activeTab:hover {
    border-bottom: 5px solid #ea7926 !important;
}

.subSectionHeader {
    background: #436685 !important;
}

.content-with-sidebar {
    border-left: 4px solid #ea7926 !important;
}

.subtabs {
    background: #f1f1f2 !important;
    border: 2px solid #ddd;
}

.activeSubTab {
    background: #436685 !important;
    padding: 0px !important;
    color: #ffffff !important;
}

label .activeSubTab {
    color: #ffffff !important;
}

.subtabs label:hover {
    background: #436685 !important;
    padding: 15px !important;
    margin: 0px !important;
    color: #ffffff !important;
}

.subtabs label {
    padding: 15px !important;
    margin: 0px !important;
    color: #092341;
}

.glyphicon-delete:hover {
    background-color: none !important;
}

.wafconfigTabs .tabIcons {
    color: #ea7926 !important;
}

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

.myAccount .heading {
    border-bottom: 1px solid #e5e5e5 !important;
}

/* ==== CAPACITY DASHBOARD ==== */

.input-group-addon {
    background-color: #f1f1f2 !important;
    color: #ea7926 !important;
}

.text-blue {
    color: #4c83c4 !important;
}

.text-yellow {
    color: #fbcc0a !important;
}

.bg-lightblue {
    background-color: #dfe3e8;
}

.error-message-block {
    background: #fbfbfb;
    border-radius: 5px;
    padding: 30px;
    margin-top: 20px;
}

.overall-report table {
    border-spacing: 0 0px !important;
    font-size: 10px !important;
}

.overall-report table thead th {
    font-size: 10px !important;
    border: 1px solid #fff !important;
    background: #f1f1f2;
}

.overall-report table tbody tr {
    color: black;
    font-size: 10px !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.overall-report table tbody tr td {
    border: 1px solid #ededed !important;
}

label {
    font-weight: 500 !important;
}

.comvault-table table {
    border-spacing: 0 0px !important;
}

.comvault-table table thead th {
    border: 1px solid #fff !important;
    background: #3d86c6;
}

.comvault-table table tbody tr {
    color: black;
    /* font-size: 10px !important; */
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.comvault-table table tbody tr td {
    border: 1px solid #ededed !important;
}

/* ==== AZURE ======  */

.azureEdit *:hover {
    background-color: transparent !important;
}

.envDetails .zone .options .glyphicon:hover {
    color: #ea7926 !important;
}

/* .options .glyphicon {
  color: #ea7926 !important;
} */

.engagement-details .endpointName {
    box-shadow: none !important;
    border-radius: 5px !important;
    border: 1px solid #ea7926 !important;
    background: #f1f1f2;
}

.endpointList .disable {
    opacity: 0.5 !important;
    color: #000 !important;
}

/* === SEARCH LENS COLOR === */

input+.glyphicon:before, .custom-select.glyphicon:before {
    color: #ea7926 !important;
}

.waf-app-modal footer {
    background-color: transparent !important;
}

.engagement-details legend.scheduler-border {
    border: 1px solid #ea7926 !important;
}

.containerSt {
    margin-top: 10px !important;
    color: #333 !important;
}

.directory {
    color: #3d86c6 !important;
}

/* ==== CMDB === */

.cmdb-tabs:hover {
    border-bottom: 4px solid #4c83c4 !important;
}

.matrices {
    border-left: 3px solid #ea7926 !important;
}

/* === ESCALATION MATRIX === */

.escalation-matrix-background {
    background: #ffffff;
    margin: 0px 10px 15px 10px;
    padding: 10px;
}

/* TOUR ELEMENT */

.tour-tour-element {
    background: #ffffff !important;
    padding: 5px !important;
}

.plus-icon {
    height: 75px;
    width: 75px;
    margin-top: 25px;
}

.big-plus-icon {
    height: 100px;
    width: 100px;
    margin: 85px 0px 0px 85px;
}

/* MSS ===DDoS=== */

.topAlertListContainer {
    background: #f1f1f2;
    padding: 10px !important;
}

.alertSummaryContainer .table {
    background: #f1f1f2;
    padding: 10px;
}

.mss-table table {
    border-spacing: 0 0px !important;
    font-size: 13px !important;
}

.mss-table table thead th {
    font-size: 13px !important;
    border: 1px solid #fff !important;
    background: #3d86c6;
}

.mss-table table tbody tr {
    color: black;
    font-size: 13px !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.ddos-widget-select .select2-drop {
    width: 96% !important;
}

.reset-custom {
    color: #ea7926 !important;
    z-index: 0 !important;
}

.overall-report table tbody tr td {
    border: 1px solid #ededed !important;
}

.attackTable tbody tr td:nth-child(1) {
    text-align: left !important;
}

.select-box {
    color: #ffffff;
}

.select-box>option {
    color: #333;
}

.graphViewMenu {
    background: #3d86c6;
    color: #fff;
    font-weight: 700;
    border-bottom: 1px solid #3d86c6;
    padding: 5px 15px;
    z-index: 1;
}

.poGraphs {
    border: 1px solid #3d86c6;
    background: #ededed;
}

.glyphicon-chevron-down, .glyphicon-chevron-up {
    color: #ea7926;
}

.graphViewMenu span {
    font-size: 14px;
    text-transform: capitalize;
}

#content .heading {
    border-bottom: 1px solid #ccc;
}

.radio.checked label:after, .radio.checked label:before {
    background: #ea7926 !important;
}

.radio label:before, .checkbox label:before, label.radio:before, label.checkbox:before {
    border: 1px solid #ea7926 !important;
}

.radio-box input:checked~.checkmark {
    background-color: #ea7926;
}

.radio-box {
    display: inline-block;
}

.select2-drop-active {
    border-color: #ea7926 !important;
    /* border: 1px solid #ea7926 !important; */
    margin-top: -1px !important;
}

.select2-results .select2-highlighted {
    background: #ea7926;
    color: #fff;
}

.select2-results .select2-result-label {
    word-break: break-all;
}

p {
    font-family: inherit;
}

.customerDetailContainer .engagement:hover {
    border-top: 5px solid #ea7926 !important;
}

.epMonitorTable {
    background: #3d86c6 !important;
    color: #fff;
    border: 1px solid #ced2df;
}

.customDateIndex {
    z-index: 4;
}

.buttonClass .secondary-outline-btn {
    min-width: 4.643rem !important;
}

/* === CLUSTER DETAILS === */

.text-capitalize {
    text-transform: capitalize;
}

.horizontal-line {
    border-bottom-width: 1px !important;
    border-bottom-style: solid !important;
    border-bottom-color: rgb(102, 117, 134) !important;
    padding-bottom: 1.2rem;
    margin-bottom: 2rem;
    margin-right: -20px;
    margin-left: -20px;
}

.assets-box {
    width: 50% !important;
}

.asset-header-line {
    border-bottom: 1px solid #e1e1e2 !important;
    margin-right: -10px !important;
    margin-left: -10px !important;
    margin-bottom: 10px !important;
}

.border-progress {
    border: 1px solid red;
}

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

.vmDiffMaster:after {
    background-color: #ea7926 !important;
    top: 0px !important;
    height: 100% !important;
}

.vmDiff:after {
    background-color: #fbcc0a !important;
    top: 0px !important;
    height: 100% !important;
}

.text-black.glyphicon:before {
    color: #ea7926 !important;
}

.text-font-size {
    font-size: 14px;
}

.cursor-default {
    cursor: default !important;
}

.cluster-card-hover:hover {
    background-color: #d8d8d8 !important;
}

.card-template {
    background-color: #ffffff;
    float: left;
    display: block;
    padding: 15px;
    border-top: 3px solid #ffffff;
}

.card-template:hover {
    border-top: 3px solid #e87624;
}

.template-wrapper {
    padding-bottom: 10px;
    margin-bottom: 10px;
    display: inline-block;
    margin: 0 0 1em;
    width: 100%;
}

.template-heading {
    font-size: 16px;
    color: #e87624;
    float: left;
}

.template-trash {
    float: right;
    color: #e87624;
}

.masanory-parent {
    column-count: 3;
    column-gap: 1em;
}

.shadow-card:hover {
    background: #f7f7f7 !important;
    border-top: 5px solid #e87624;
}

accordion .accordion-title-padding .panel-default>.panel-heading {
    padding: 0px 0px 0px 0px;
}

.card-template.shadow-card {
    margin: 0 0 0 0;
}

.margin-r-45 {
    margin-right: 45px !important;
}

.tabactive {
    border-bottom: 4px solid #ea7926;
}

.headerText {
    border-bottom: none;
}

.panel-box-header {
    height: 30px;
    background-color: #2a4f6f;
    padding: 7px;
    padding-left: 14px;
    color: #ffff;
    border-radius: 4px 4px 0px 0px;
}

.margin-l-60 {
    margin-left: 60px;
}

.margin-l-95 {
    margin-left: 95px;
}

.margin-tb-30 {
    margin-top: 30px;
    margin-bottom: 30px;
}

.padding-t-35 {
    padding-top: 35px;
}

.sub-headings {
    font-size: 18px;
    border-bottom: 1px solid #ededed;
    margin-top: 30px;
    margin-bottom: 30px;
}

.depTab div {
    font-size: 12px;
    background: #ededed !important;
}

.depTab div:hover {
    border-bottom: 4px solid #4c83c4;
}

.appHeader {
    font-size: 16px;
    color: black;
}

.panel-box-body {
    min-height: 125px;
    border: solid 2px #2a4f6f;
}

.panel-box-body label {
    font-weight: normal;
}

.panel-box-body .text-danger {
    position: relative;
}

.ticketTable tbody tr {
    border: 1px solid #ddd;
}

/* .outer-header {
  color: #cccbdb;
} */

.select2-container-active.select2-dropdown-open>a {
    border-top-color: #ea7926 !important;
    border-left-color: #ea7926 !important;
    border-right-color: #ea7926 !important;
}

.ui-select-dropdown.select2-drop {
    z-index: 1;
}

.btn-default:not(.btn-link):not(.btn-flat) {
    color: #ea7926;
    border-color: #ea7926;
    background-color: transparent;
    padding: 5px;
    font-weight: bold;
}

.btn-default:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #ea7926;
    border-color: #ea7926;
    background-color: transparent;
    padding: 5px;
    font-weight: bold;
}

.btn[disabled] {
    background-color: #f1a873 !important;
    border-color: #f1a873 !important;
}

.ui-slider-handle .pValue {
    width: auto;
    left: 0px;
    position: absolute;
    top: -20px;
    text-align: center;
}

.ngdialog *, .ngdialog *:before, .ngdialog *:after {
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}

* {
    outline: none;
}

* {
    outline: none !important;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* .ui-slider-handle {
    z-index: 0;
} */

.slider {
    width: 100%;
}

table[role="grid"] {
    border-spacing: initial;
    box-shadow: 0px 0px 0px rgba(0, 0, 0, 0.1);
}

table[role="grid"] .btn-default:not(.btn-link):not(.btn-flat) {
    color: #ea7926;
    border-color: #ea7926;
    border-color: #f9f7f7;
    border-radius: 0px;
}

table[role="grid"] thead tr th {
    /* border-right: 1px solid #4c83c4 !important; */
    border-right: 1px solid #ea7926 !important;
    background: #ea7926 !important;
    color: #fff !important;
}

.panel-card {
    background: #ffffff;
    -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.2);
}

.panel-card .panel-header {
    font-size: 14px;
    /* font-weight: 500; */
    height: 37px;
    color: #011423;
    border-bottom: 1px solid #f3f3f3;
    background: #ffffff !important;
    font-family: "Gotham-Medium";
    padding: 15px, 20px;
    border-radius: 0px;
}

.panel-header {
    font-size: 14px;
    /* font-weight: 500; */
    height: 37px;
    color: #011423;
    border-bottom: 1px solid #f3f3f3;
    background: #ffffff !important;
    font-family: "Gotham-Medium";
    padding: 15px, 20px;
    border-radius: 0px;
}

.panel-h-font {
    color: #011423;
    /* font-weight: bold; */
    font-family: "Gotham-Medium";
    position: relative;
    top: -4px;
}

.panel-h-font:hover {
    color: #011423;
}

.fa.pull-right, .radio-text {
    color: #011423;
}

/* MSS==>WAF*/

.nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    background: #ffffff;
    border-bottom: 4px solid #ea7926;
}

.nav-tabs>li.active>a {
    border-bottom: 4px solid #ea7926 !important;
}

/* .fa-panel {
    color: #000000;
} */

.bg-panel {
    background-color: #f1f2f2;
}

/* MSS==>sigs*/

/*
.table-sigs>thead {
  background-color: #3c5975 !important;
  color: #ffffff !important;
} */

.b-b-1 {
    border-bottom: 1px solid #ccc;
}

.b-r-1 {
    border-right: 1px solid #ededed;
}

.border-radius-5 {
    border-radius: 5px;
}

.border-1 {
    border: 1px solid #ccc;
}

.border-1-f2 {
    border: 1px solid #f2f2f2;
}

.text-white {
    color: #ffffff;
}

.table-traffic {
    border-collapse: collapse;
}

.accordian-sub {
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
}

.accordianBox {
    background: #fbfbfb;
    padding: 15px;
    width: 100%;
    float: left;
}

a.btn {
    font-size: 0.7143rem;
    height: 2.143rem;
}

.text-danger {
    position: relative;
}

.card-name:hover {
    color: #ea7926 !important;
}

.bg-infolist {
    background-color: #f1f1f2;
    color: black;
    border: 1px solid #ddd;
}

/* MSS==>siem*/

.siemconfigTabs .tabIcons {
    color: #000000;
    font-size: 16px !important;
    width: 13% !important;
    opacity: 1 !important;
    z-index: 0 !important;
}

.siemconfigTabs .tabIcons:hover {
    border-bottom: 5px solid #3d86c6;
}

.siemconfigTabs .tabIcons small {
    font-size: 16px;
    font-family: "Gotham-Medium" !important;
}

.siemconfigTabs .activeTab {
    border-bottom: 3px solid #ea7926;
    background: #f1f1f2;
}

.add-card {
    border: thin solid #eaeaea;
    background-color: #f7f7f7 !important;
    min-height: 150px;
}

.service-subscription-card {
    overflow-y: auto;
}

/* === FONT-SIZES === */

.fs-10 {
    font-size: 10px;
}

.fs-20 {
    font-size: 20px;
}

.fs-30 {
    font-size: 30px;
}

.fs-15 {
    font-size: 15px;
}

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

.fs-12 {
    font-size: 12px;
}

.fs-13 {
    font-size: 13px;
}

.fs-50 {
    font-size: 50px;
}

.fs-18 {
    font-size: 18px;
}

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

.fs-27 {
    font-size: 27px;
}

.fs-23 {
    font-size: 23px;
}

/* === TEXT-TRANSFORM === */

.tt-capitalize {
    text-transform: capitalize;
}

.tt-none {
    text-transform: none;
}

.break-word {
    word-wrap: break-word !important;
}

.d-block {
    display: block;
}

/* === MIN HEIGHT === */

.mh-110 {
    min-height: 110px;
}

.mh-550 {
    min-height: 550px;
}

.mh-250 {
    min-height: 250px;
}

.mh-200 {
    min-height: 200px;
}

.mh-300 {
    min-height: 300px;
}

.h-500 {
    height: 500px;
}

.h-100 {
    height: 100px;
}

.h-25 {
    height: 25px;
}

.h-20 {
    height: 20px;
}

.w-50 {
    width: 50px;
}

.w-30p {
    width: 30%;
}

.position-relative {
    position: relative;
}

/* === COLORS ==== */

.text-orange {
    color: #ea7926 !important;
}

.text-grey {
    color: #ddd !important;
}

.text-white {
    color: #ffffff !important;
}

.text-lightgrey {
    color: #f1f1f2;
}

.text-red {
    color: red;
}

.text-header {
    color: #cccbdb !important;
}

.text-olive-green {
    color: #a4de02;
}

.text-light-red {
    color: #ff0801;
}

.bg-grey {
    background: #f1f1f2 !important;
}

.bg-edgrey {
    background: #ededed !important;
}

.bg-lightwhite {
    background: #fdfdff !important;
}

.bg-fbwhite {
    background: #fbfbfb;
}

/* ==== OVERALL REPORT === */

.rep-notavailable {
    font-size: 20px;
    font-weight: 400;
    color: #cc0000;
}

/* ==== 403 ==== */

.access-data {
    display: block;
    margin-top: 20px;
    font-size: 20px;
    color: #f1f1f2;
}

/* ==== CAPACITY DASHBOARD ====*/

.svc-bg {
    border-radius: 3px;
    background: #8e9eab47;
    /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #3a5f8c2e, #8e9eab47);
    /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #3a5f8c2e, #8e9eab47);
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

.rackBorder {
    border-bottom: solid 1px #eee;
}

ul[datepicker-popup-wrap] {
    width: 250px;
}

.dropdown-menu {
    max-width: none !important;
}

.location-head {
    background-color: #fff;
}

.right-sepBorder {
    border-right: 2px solid #fff;
}

.rackBorder-top {
    border-top: solid 1px #eee;
}

.threshold-input {
    font-size: 15px !important;
    font-weight: bold !important;
}

.threshold-exceed {
    color: #cc0000;
    font-weight: bold;
}

.threshold-inputEx {
    padding: 0px;
    border: none;
    font-size: 10px !important;
    text-align: center;
    font-weight: bold;
    display: inline;
    background-color: #ffffe0;
}

@keyframes blinking {
    from, 49.9% {
        opacity: 0;
    }
    50%, to {
        opacity: 1;
    }
}

.dtls-btn {
    background-color: #4c83c4 !important;
    border-color: #4c83c4 !important;
    color: #fff !important;
}

capacity-dashboard svg {
    display: block;
    margin: auto;
}

.progress {
    height: 18px !important;
    box-shadow: none !important;
    background-color: floralwhite !important;
    border: solid 1px #eee;
    margin-bottom: 0px !important;
}

/* removing background color of nprogress bar for new spotlight portal */

#nprogress .bar {
    background: #3d86c6 !important;
}

#nprogress .peg {
    background-color: #3d86c6 !important;
}

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

.progress-bar-success {
    background-color: #5cb85c !important;
}

.progress-bar-danger {
    background-color: #d9534f !important;
}

.rightSeparator {
    border-right: 5px solid #ededed;
}

.top-minus-15 {
    top: -15px;
}

.top-minus-3 {
    top: -3px;
}

.top-minus-8 {
    top: -8px;
}

.top-minus-5 {
    top: -5px;
}

.setThreshold {
    max-width: 120px !important;
    font-size: 15px;
    top: 2px;
}

.margin-r-2 {
    margin-right: 2px;
}

.margin-t-20p {
    top: 20%;
}

.margin-t-10p {
    top: 10%;
}

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

.margin-top-10p {
    margin-top: 10%;
}

.right-0 {
    right: 0px;
}

.left-m-10 {
    left: -10px;
}

.compressionratio {
    font-size: 12px;
    top: 4px;
}

.width-33p {
    width: 33%;
}

.width-107p {
    width: 107% !important;
}

.width-100 {
    width: 100%;
}

.width-10p {
    width: 10%;
}

.w-auto {
    width: auto !important;
}

.align-top {
    vertical-align: top;
}

.hyperhead {
    background-color: #4c83c4;
    /*border-color:#1b926c;*/
    padding: 5px;
    text-align: center;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}

.hyper-border {
    border: solid 2px #4c83c4;
}

.ut-chart {
    text-decoration: underline;
    color: #0d47a1;
}

.circle-text {
    background-color: green;
    border-radius: 50%;
    color: #ffff;
    font-weight: 400;
    width: 15px !important;
    display: inline-block;
    text-align: center;
}

.nodes-rborder {
    border-bottom: 1px dotted grey;
    padding-bottom: 10px !important;
}

.dropdown-menu {
    max-width: none !important;
}

.node-exclude:after {
    content: "*";
    color: red;
    font-size: 17px;
    position: absolute;
    top: -3px;
}

.cluster-header {
    background-color: #dde3e9;
}

.cluster-border {
    border: 2px solid #dde3e9;
    background-color: #dde3e9;
}

.host-border {
    border: 2px solid #dde3e9;
    border-top-right-radius: 5px;
    border-top-left-radius: 5px;
}

.no-border-radius {
    border-bottom-right-radius: 0px;
    border-bottom-left-radius: 0px;
}

.cl-alias-name {
    width: 150px;
    height: 25px;
}

.b-l-2 {
    border-left: 2px solid #fff;
}

.m-t-3 {
    margin-top: 3px;
}

.color-grey {
    color: grey;
}

/* === MY ACCOUNT === */

.mobiletoken-card {
    background: #ffffff;
    border-bottom: 1px solid #cccccc;
}

accordion .panel-default>.panel-heading {
    background-color: #fdfdff !important;
}

.buttonClass .secondary-outline-btn, .buttonClass .active-btn {
    min-width: 4.643rem !important;
}

.half-box-shadow:hover {
    box-shadow: 0px 0px 0px 0px #ccc;
}

.btnClass .active-btn, .btnClass .secondary-dark-outline-btn {
    min-width: 5.643rem !important;
}

.notification-settings table {
    border-spacing: 0 0px !important;
    font-size: 10px !important;
}

.notification-settings table thead th {
    font-size: 10px !important;
    border: 1px solid #fff !important;
    background: #f1f1f2;
}

.notification-settings table tbody tr {
    color: black;
    font-size: 10px !important;
    border: none !important;
    box-shadow: none !important;
    background: #ffffff !important;
}

.notification-settings table tbody>tr>th {
    border: 1px solid #ededed !important;
}

/* WAF INTEGRATION ISSUES */

.btn-primary:not(.btn-link):not(.btn-flat) {
    color: #ea7926;
    border-color: #ea7926;
    background: transparent;
}

.btn-primary:not(.btn-link):not(.btn-flat):not(:disabled):hover {
    color: #ffffff;
    border-color: #ea7926;
    background-color: #ea7926;
}

.activeBtnFocus {
    background: #ea7926 !important;
    color: #fff !important;
}

/* ITSM STYLES */

.ngdialog.ngdialog-theme-video {
    z-index: 100 !important;
}

.newChatParent {
    display: flex;
    height: 100%;
}

.newChatChild {
    display: inline-block;
    align-self: flex-end;
}

.extra-big-text span {
    color: #ccc !important;
}

.request-details .flex-container {
    display: flex;
    flex-wrap: nowrap;
    /* justify-content: center; */
    align-items: center;
}

.text-icon {
    font-size: 22px;
    width: 50px;
    height: 50px;
    line-height: 2.3em;
    text-align: center;
    border-radius: 50%;
    background: #808080 !important;
    vertical-align: middle;
    color: #ffffff !important;
    font-weight: bold;
    text-transform: uppercase;
}

.showFilter {
    color: #ea7926 !important;
    background-color: #fdfdff !important;
}

section .show-btn {
    background-color: #ea7926;
    color: #ffffff;
    border: 2px solid #ea7926;
    transition: all 0.3s ease-out;
    font-family: "Gotham-Bold";
    padding: 5px 30px 5px 30px;
    border-radius: 5px;
    margin-bottom: 5px;
    height: auto !important;
    width: auto !important;
}

.summary .hide-btn {
    background-color: #ea7926;
    color: #ffffff;
    border: 2px solid #ea7926;
    transition: all 0.3s ease-out;
    font-family: "Gotham-Bold";
    padding: 5px 30px 5px 30px;
    border-radius: 5px;
    margin-top: -10px;
    height: auto !important;
    width: auto !important;
}

.newChatParent p.pre {
    font-family: "Gotham-Medium" !important;
}

.ticket-search-icon {
    position: absolute;
    margin-top: -12%;
    font-size: 150%;
    margin-left: 81%;
    cursor: pointer;
}

.downloadBtn {
    color: #ea7926;
}

.summary .date-picker-input-glyph>.active-btn {
    border: 0px !important;
    transition: none !important;
    min-width: 0px !important;
    border-radius: 0px 3px 3px 0px !important;
}

.security-management .select2-drop {
    z-index: 3 !important;
}

.security-management .dropdown-menu>li table, .security-info .dropdown-menu>li table {
    padding: 5px;
}

.textColorHeader {
    color: #f1f1f2 !important;
}

/* ==== ITSM COMPLETED =====*/

.sigsaccordianBox .subSectionHeader {
    background: #f1f1f2 !important;
    color: #000;
}

.sigsaccordianBox .fa-plus, .sigsaccordianBox .fa-minus {
    color: #ea7926;
}

.sigsTable>tbody>tr>td {
    max-width: 40%;
    word-break: break-word;
}

a.btn {
    padding-top: 5px;
}

.request-details .filebrowse {
    padding-top: 5px;
}

.service-subscription-tile {
    min-height: 250px;
    max-height: 250px;
    overflow: auto;
}

.loadbalancer-configure {
    color: #ea7926;
}

.loadbalancer-configure:hover {
    color: #0f335e;
}

.loadbalancer-type {
    color: #ea7926;
}

.lbControl .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus {
    background: #f1f1f2;
}

/* ==== LANDING PAGE NOTIFICATIONS === */

.carousel-control.right {
    right: -15px !important;
    background-image: none !important;
    cursor: pointer;
}

.carousel-control.left {
    left: -70px;
    background-image: none !important;
    cursor: pointer;
}

.carousel-inner p b {
    font-weight: 700;
}

.carousel-inner p {
    margin: 0px;
    padding: 0px;
}

.message-slides .glyphicon-chevron-right, .message-slides .glyphicon-chevron-left {
    font-weight: 700;
    color: #333;
    font-size: 15px;
    background: #f1f1f2;
    border-radius: 100%;
    padding: 7px;
}

.carousel-inner {
    padding-left: 30px;
    padding-right: 30px;
}

.notificationStatus .md-icon::after {
    left: 8px !important;
    top: -8px !important;
}

.message-slides .carousel-indicators .active {
    height: 15px;
    width: 15px;
    background-color: #ea7926 !important;
}

.message-slides .carousel-indicators li {
    border: 1px solid #ea7926;
    height: 15px;
    width: 15px;
}

/* MPC  */

.actual-mpc-data {
    border-right: 1px solid #ccc;
    word-break: break-word;
}