@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 300;
  src: local('Roboto Condensed Light'), local('RobotoCondensed-Light'), url(../../images/fonts/RobotoCondensed-Light.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto Condensed'), local('RobotoCondensed-Regular'), url(../../images/fonts/RobotoCondensed-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Roboto Condensed';
  font-style: normal;
  font-weight: 700;
  src: local('Roboto Condensed Bold'), local('RobotoCondensed-Bold'), url(../../images/fonts/RobotoCondensed-Bold.ttf) format('truetype');
}

.container { width: 970px !important;} 
.container-dashboard { padding: 0px; margin-top: 160px; }
.container-footer { padding: 0px; }
.navbar-wrapper {background: #002032;height: 39px;} 
.navbar-header {height:76px;} 
.fixed-top {margin-bottom: 140px;}

body {
    font-family: 'Roboto Condensed', sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #5f5e5e; overflow-y:scroll;
    overflow: scroll;
    overflow-x: hidden;
}

a:hover {
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
    padding-bottom: 10px;
    color: #000;
}

h3 {
    font-size: 21px;
    color: #0083ca;
}

.footer {
    background-color: #002032;
    border-radius: 0px;
    height: 30px;
    padding: 8px 0px;
}

.footer-text {
    color: #fcbc2c;
    font-size: 12px;
    margin:0 auto;
    position: relative;
}

.footer-text a {
    color: inherit;
    text-decoration: inherit;
}

.footer-text a:hover {
    color: inherit;
    text-decoration: underline;
}

.footer-left {
    float: left;
}

.footer-right {
    float: right;
}

.navbar hr {
  border-style: solid none;
  border-top-width: 1px;
  margin: 0;
  border-color: rgba(100,100,100,0.2);
  width: 100%;
}

hr {
    border-style: solid none;
    border-top-width: 1px;
    margin-top: 90px;
    border-color: rgba(100,100,100,0.2);
    margin-left: -14px;
    width: 970px;
    margin-bottom: -120px;
}

.scrollable-menu {
    height: auto;
    max-height: 200px;
    /* overflow-x: hidden; */
}

svg:not(:root) {
    overflow: visible;
}

svg.icon path {
    fill: #868585;
}

svg.svghome path {
    fill: #fbbb2b;
}

/*=====================================================================================*/
/* SPACER                                                                              */
/*=====================================================================================*/

.spacer-xs {
    margin-bottom: 10px;
}
.spacer-s {
    margin-bottom: 20px;
}
.spacer-s-m {
    margin-bottom: 30px;
}
.spacer-m {
    margin-bottom: 40px;
}
.spacer-l {
    margin-bottom: 80px;
}
.spacer-xl {
    margin-bottom: 100px;
}
.spacer-xxl {
    margin-bottom: 120px;
}
.spacer-xxxl {
    margin-bottom: 140px;
}
.nav-spacer { margin-top: 40px; }

/*=====================================================================================*/
/* Custom Scroll Bar                                                                   */
/*=====================================================================================*/

::-webkit-scrollbar {
    width: 7px;
}
::-webkit-scrollbar-track {
    background-color: #eaeaea;
    border-left: 1px solid #ccc;
}
::-webkit-scrollbar-thumb {
    background-color: #ccc;
}
::-webkit-scrollbar-thumb:hover {
    background-color: #aaa;
}

/*=====================================================================================*/
/* Login Page                                                                          */
/*=====================================================================================*/

.login {
    padding: 40px 29px;
    background-color: #fff;
    border-radius: 0 0 2px 2px;
}

.login input[type="text"], .login input[type="password"] {
    font-size: 14px;
    height: auto;
    margin-bottom: 10px;
    padding: 7px 12px;
    width: 290px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-width: thin;
    border-radius: 2px;
}

.login select {
    font-size: 14px;
    height: 40px;
    margin-bottom: 10px;
    padding: 7px 12px;
    width: 290px;
    background-color: #f5f5f5;
    display: inline-block;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-width: thin;
    border-radius: 2px;
}

.login .btn-primary {
    background-color: #fcbc2c;
    border: none;
    width: 290px;
    border-radius: 2px;
    font-weight: bold;
    height: 43px;
    margin: 10px 0;
    outline:none !important;
}

.login .btn-primary:hover {
    background-color: #fdc956;
}

.login .btn-primary:disabled {
    background-color: #F1DF86;
}

.login p {
    color: #3580c7;
    font-size: 12px;
    margin: 10px auto;
    padding-left: 12px;
}

.logout-btn {
    position: relative;
    top: -5px;
}

.login-shadow {
    box-shadow: 0px 1px 15px #ccc;
    max-width: 350px;
    margin: 0 auto;
}

.login-blue {
    background-color: #3580c7;
    padding: 10px 30px 10px;
    z-index: 1;
    position: relative;
    border-radius: 2px 2px 0 0;
}

.login-blue h3 {
    color: #fff;
    font-weight: bold;
    padding-left: 12px;
}

/*=====================================================================================*/
/* Light Box                                                                           */
/*=====================================================================================*/

#overlay {
    display: none;
    z-index: 2;
    background: #000;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 119px;
    left: 0px;
    text-align: center;
    box-shadow: none;
}

/*=====================================================================================*/
/* Header                                                                              */
/*=====================================================================================*/

.logo {
    width: 122px;
    margin-left: -5px;
}

.login-text {
    position: relative;
    right: 45px;
    color: #fff;
    text-transform: initial;
    font-weight: normal;
    letter-spacing: normal;
    font-size: 14px;
    top: 30px;
}

.bubble {
    position: absolute;
    min-width: 130px;
    padding: 0px;
    background: #FFFFFF;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    border: none;
    top: 41px;
    box-shadow: 0 1px 10px rgba(0,0,0,.175);
}

.bubble:after {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 8px 10px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    top: -10px;
    left: 105px;
}

/*=====================================================================================*/
/* Navigation Bar                                                                      */
/*=====================================================================================*/

.navbar-inverse {
    background-color: #004164;
    border-radius: 0px;
}

.navbar>.container .navbar-brand {
    font-size: 21px;
    font-weight: 700;
    color: #fff;
    margin-top: 16px;
}
.navbar-nav>li>.dropdown-menu {
    padding: inherit;
    width: 200px;
    border-top: 1px solid rgba(0,0,0,0.5);
    border-radius: 2px;
    left: -1px;
}

.navbar-nav {
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0;
    height: 39px;
    width: 970px;
    font-weight: 400;
}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:hover, .navbar-inverse .navbar-nav>.active>a:focus {
    color: #fcbc2c;
    background-color: #002032;
    height: 39px;
}

.navbar-inverse .navbar-nav>li>a {
    color: #ffffff;
    border-radius: 0px;
    padding: 12px 16px; 
}

.navbar-inverse .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus, .navbar-inverse .navbar-nav>li>a:hover{
    font-weight: normal;
    background-color: #1484c7; 
    height: 39px;
}

.dropdown-submenu {
    position: relative;
}

.dropdown-menu {
    background-color: #0082C9;
}

.dropdown-menu>li>a{
    color: #ffffff;
    font: 14px 'Roboto Condensed', sans-serif;
    font-weight: 400;
    border-bottom: 1px rgba(0,0,0,0.5) solid;
    text-transform: capitalize;
    padding: 13.5px 24px;
    border-top: 0px;
}    

.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    color: #ffffff;
    background-color: #006197;
}

.navbar-wrapper .dropdown-menu>li>a:hover:after, .navbar-wrapper .dropdown-menu>li:focus:after{
    content: "\e60b";
    font-family: 'indialinks';
    float: right;
    margin-right:-10px;
}

.dropdown-submenu>a:after {
    display: block;
}

.dropdown-submenu>.dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -1px;
    margin-left: -1px;
    /*-webkit-border-radius: 0 6px 6px 6px;
    -moz-border-radius: 0 6px 6px;
    border-radius: 0 6px 6px 6px;*/
    padding: inherit;
    border-left: 1px #0A4364 solid;
    width: 200px;
    border-radius: 2px;
}

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

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

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

.dropdown-submenu :focus {
    background-color: #0c6396;
}

.dropdown-submenu:hover {
    background-color: #0c6396;
}

.dropdown-submenu>.dropdown-menu li {
    background-color: #006197;
}

.dropdown-submenu>.dropdown-menu li a:hover {
    background-color: #064364;
}

@media screen and (max-width: 991px){
    .columns{
        height: 20px;
        overflow:scroll;
    }
}

@media screen and (min-width: 992px){
    .columns{
        -moz-column-count:2; /* Firefox */
        -webkit-column-count:2; /* Safari and Chrome */
        column-count:2;
        width: 500px;
        -webkit-column-gap: 1px; /* Chrome, Safari, Opera */
        -moz-column-gap: 2px; /* Firefox */
        column-gap: 2px;
        background-color: #0A4364;
        }
}

.navbar-caret{
    display: inline-block;
    float: right;
    width: 17px;
    margin: -3px -4px 0 0;
}

.navbar-right .dropdown-menu {
    padding: inherit;
}

/*=====================================================================================*/
/* Bread Crumbs                                                                        */
/*=====================================================================================*/

.breadcrumb {
    top: 120px;
    position: relative;
    margin-left: -14px; height: 40px;
}

.breadcrumb, .breadcrumb p {
    display: inline-block;
    background-color: rgba(0,0,0,0);
    font-size: 10px;
}

.breadcrumb, .breadcrumb a{
    color: #999;
}

.breadcrumb>.active {
    font-weight: bold;
}

.breadcrumb hr {
    margin: -50px 0 0 0;
}

.breadcrumb>li+li:before {
    content: ">";
}

/*=====================================================================================*/
/* Sub Navigation Bar                                                                  */
/*=====================================================================================*/

.section-navbar { 
    background-color: #aa7777; 
    margin-left:0px;
}

.section-navbar ul {
    margin: 0px 0 -35px 0px;
    padding: 2px 0px;
    width: 970px;
    background-color: #ececec;
    height: 29px;
}

.section-navbar li {
    display: inline-block;
    float: left;
    height: 30px;
    text-align: center;
    background-color: #ececec;
    border-bottom-style: solid;
    border-bottom-width: medium;
    color: #fff;
    border-right-color: #fff;
    border-right-width: thin;
    border-right-style: solid;
    border-radius: 2px;
    font-weight: normal;
    font-size: 12px;
    padding: 5px 20px;
}

.section-navbar a {
    display: block;
    text-decoration: none;
    color: #999;
}

.section-navbar li.active {
    background-color: #0083ca;
    border-radius: 2px;
    border-top-color: #359dd5;
    border-top-style: solid;
    border-top-width: medium;
    text-decoration: none;
    padding: 7px 20px;
    margin-top: -5px;
    color: #fff;
    font-weight:bold;
    letter-spacing:0.5px;
    height: 35px;
}

.section-navbar li:hover {
    background-color: #0083ca;
    border-radius: 2px;
    border-top-color: #359dd5;
    border-top-style: solid;
    border-top-width: medium;
    text-decoration: none;
    margin: -5px 0;
    height:35px;
    color: #fff;
}

.section-navbar li.active a {
    color: #fff;
}

.section-navbar li a:hover {
    color: #fff;
}

/*=====================================================================================*/
/* Search Bar                                                                          */
/*=====================================================================================*/

.searchbar .form-control {
    width: 260px;
    border-radius: 2px;
    height: 32px;
    box-shadow: none;
}

.searchbar {
    position: relative;
    top: 10px;
    left: 0px;
    height: 65px;
    max-height: 65px;
    border: none;
    margin-left: -15px;
}

.searchbar .icon-search {
    background-color: #0082C9;
    color: #fff;
    padding:  5px;
    border-radius: 2px;
    position: relative;
    left: 229px;
    top: -26px;
}

/*=====================================================================================*/
/* Help Box                                                                            */
/*=====================================================================================*/

.helpbox {
    top: 5px;
    padding: 15px;
    left: 23px;
    width: 285px;
    height: 32px;
    position: relative;
    background-color: #f9f9f9;
    border-color: #ededed;
    border-radius: 0;
    cursor: pointer;
}

.helpbox:hover {
    box-shadow: 0 1px 10px #ccc;
}

.helpbox h4 {
    color: #3580c7;
    font-weight: bold;
    font-size: 14px;
    margin-bottom: 0;
    margin-top: -7px;
    letter-spacing: 0.07px;
    text-decoration: none;
}

/*=====================================================================================*/
/* Pagination                                                                          */
/*=====================================================================================*/

.result-count {
    float: right;
    position: relative;
    margin-top: -5px;
}

.record-count {
    float: right;
    position: relative;
    margin-top: -5px;
    margin-right: 12px;
}

.result-count p, .record-count p {
    font-size: 14px;
    font-weight: normal;
    display: inline;
    position: relative;
    top:-25px;
    padding-right: 10px;
}

.result-count .pagination, .record-count .pagination {
    display: inline-block;
    margin: 15px -15px 15px 0;
}

.result-desc {
    height:45px;
    margin-top:19px;
}

/*=====================================================================================*/
/* Custom Checkbox                                                                     */
/*=====================================================================================*/

input[type=checkbox].css-checkbox {
    position: absolute;
    z-index:-970;
    left:-970px;
    overflow: hidden;
    clip: rect(0 0 0 0);
    height:1px;
    width:1px;
    margin:-1px;
    padding: 10px 0;
    border:0;
    border-color: #ccc;
}

input[type=checkbox].css-checkbox + label.css-label {
    padding-left: 67px;
    height: 12px;
    display:inline-block;
    line-height:12px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size: 12px;
    vertical-align:middle;
    cursor:pointer;
    font-weight: normal;
}

input[type=checkbox].css-checkbox:checked + label.css-label {
    background-position: 0 -12px;
}
                        
label.css-label {
    background-image:url(../../images/checkbox.png);
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.cb-label {
    margin-left: -50px;
    color: #5f5e5e;
}

span.cb-label {}

/*=====================================================================================*/
/* Page Misc                                                                           */
/*=====================================================================================*/

.section {
    border-bottom: rgba(204, 204, 204, 0.64) solid 1px;
    padding-bottom: 50px;
}

#section-head-3 {
    height:40px;
}

#section-head-3 h3 {
    color: #f5bc39;
    display: inline;
    font-size: 21px;
    position: relative;
    top: 10px;
}

#section-head-3 p {
    font-size: 15px;
    font-weight: 100;
    display: inline;
    padding-left:10px;
    position: relative;
    top: 20px;
}

.blue-box {
    background-color: #f3f8fb;
    padding: 2px 30px 15px;
    position: relative;
    top: 40px;
    margin-bottom: 50px;
    border: #cbe6f4 1px solid;
    height: 300px;
    width: 320px;
    float: right;
}

.blue-box p {
    color: #0083ca;
}

.blue-pricebox {
    background-color: #f3f8fb;
    padding: 2px 30px 15px;
    position: relative;
    top: 40px;
    margin-bottom: 20px;
    border: #cbe6f4 1px solid;
    height: 100px;
    width: 320px;
    float: right;
}

.blue-pricebox p {
    color: #0083ca;
    text-align: center;
}

.blue-pricebox h3 {
    text-align: center;
    padding-bottom: 0px;
}

.yellow-box {
    background-color: #FFFCF7;
    padding: 2px 30px 15px;
    position: relative;
    top: 40px;
    border: 1px solid #FBBB2B;
    height: 300px;
    width: 320px;
    float: right;
}

.yellow-box h3 {
    color: #f5bc39;
}

.yellow-box .tblsettings td:nth-child(1) {
    height:40px;
    width: 130px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.yellow-box .tblsettings td:nth-child(2) {
    height:40px;
    width: 60px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}

.yellow-box .tblsettings td:nth-child(3) {
    height:40px;
    width: 70px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.yellow-box .tblfeatures td:nth-child(1) {
    height:40px;
    width: 260px;
    text-align: left;
    border-bottom: 1px solid #ddd;
}

.txtblue {
    color: #0083ca;
    font-style: italic;
}

.action-hr {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: rgba(100,100,100,0.2);
    position: relative;
    width: 970px;
    margin-left: -16px;
}

.hr {
    border-top-style: solid;
    border-top-width: 1px;
    border-color: rgba(100,100,100,0.2);
    position: absolute;
    width: 970px;
    top: 60px;
    right: 0px;
}

.progress {
    margin: 0;
    border-radius: 2px;
    box-shadow: none;
}

.disk-empty {
    background-color: #00ac68 ;
}
.disk-warning {
    background-color: #f5bc39;
}
.disk-full {
    background-color: #ed7149;
}

/*=====================================================================================*/
/* Data Table                                                                          */
/*=====================================================================================*/

.table>thead>tr {
    background-color: #f9f9f9;
}

.table>tfoot>tr {
    background-color: #f9f9f9;
}

.table>tbody>tr>td {
    vertical-align: middle;
    font-size: 14px;
    background-color: transparent;
}

.table>thead:first-child>tr:first-child>th {
    font-size: 14px;
    vertical-align: middle;
}

.table>tfoot>tr>td {
    font-size: 14px;
    font-weight: bold;
}

.table>tbody>tr:hover, .checked {
    background-color: #fffcf7;
    border-left-width: medium;
    border-top-width: thin;
    border-bottom-width: thin;
    border-right-width: 0px;
}

td:last-child, th:last-child {
    text-align: right;
    position: relative;
    /* right:6px; */
}

.table input[type=checkbox] {
    line-height:normal
}

.table {
    width: 100%;
    margin-left: -16px;
    border-collapse: collapse;
}

td:first-child, th:first-child {
    /* left: 6px; */
    position: relative;
}

.table>tfoot>tr>td {
    border-top: 2px solid #ddd;
    border-bottom: 1px solid #ddd;
    height: 40px;
    vertical-align: middle;
}

.checkbox-data {
    position: relative;
    top:3px;
}

.account-active {
    font-weight: bold;
    color: #3580c7;
}

.account-inactive {
    font-weight: bold;
    color: #959595;
}

.account-blocked {
    font-weight: bold;
    color: #ff6363;
}

.account-queued {
    font-weight: bold;
    color: #00ac68;
}

.account-iblocked {
    font-weight: bold;
    color: #ff6363;
}

.account-red {
    font-weight: bold;
    color: #cc3333;
}

option {
   line-height: 30px;
}

.ticket-processed {
    font-weight: bold;
    color: #00ac68;
}

.ticket-closed {
    font-weight: bold;
    color: #959595;
}

.ticket-awaiting {
    font-weight: bold;
    color: #3580c7;
}

.ticket-open {
    font-weight: bold;
    color: #ff3333;
}

.class-status-alert {
    font-weight: bold;
    color: #ff6666;
}

.class-status-cancelled {
    font-weight: bold;
    color: #959595;
}

.class-status-closed {
    font-weight: bold;
    color: #3580c7;
}

.class-status-open {
    font-weight: bold;
    color: #ff6666;
}

.class-status-red {
    font-weight: bold;
    color: #ff6666;
}

.class-status-grey {
    font-weight: bold;
    color: #959595;
}

.class-status-blue {
    font-weight: bold;
    color: #3580c7;
}

.class-status-green {
    font-weight: bold;
    color: #00ac68;
}

.class-status-violet {
    font-weight: bold;
    color: #DB7093;
}

.class-status-yellow {
    font-weight: bold;
    color: #999900;
}

.class-bold {
    font-weight: bold;
}

.class-bgred {
   background-color:#FD886E !important;
   border-top: 0px !important;
   text-align:center;   
}

.class-bggreen {
   background-color:#6BE162 !important;
   border-top: 0px !important;
   text-align:center;   
}

.class-bggray {
   background-color:#F4F1F1 !important;
   border-top: 0px !important;
   text-align:center;   
}

.table-tbl970 {position:relative;left:0px;width:970px; }
.table-tbl570 {position:relative;left:0px;width:570px; }
.table-tbl615 {position:relative;left:0px;width:615px; }
.table-tbl450 {position:relative;left:0px;width:450px; }

/*=====================================================================================*/
/* Data Table - SELECT drop downs & SUBMIT buttons                                     */
/*=====================================================================================*/

.table-buttons {
    display: inline;
    position: relative;
    top: 10px;
    max-height: 32px;
    border: none;
}

.table-buttons .table-buttons-btn, .table-buttons .table-buttons-btn0, .table-buttons .table-buttons-btn1 {
    display: inline;
    height: 32px;
    width: 110px;
    background-color: #fcbc2c;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0 0 20px 10px;
    max-height: 40px;
    border-radius: 2px;
    border: none;
    outline:none !important;
}

.table-buttons .table-buttons-btn0 {
    margin-left: -15px;
}

.table-buttons .table-buttons-btn1 {
    width: 220px;
    margin-left: -15px;
    margin-right: 30px;
}

.table-buttons .table-buttons-btn:hover, .table-buttons .table-buttons-btn0:hover, .table-buttons .table-buttons-btn1:hover {
    box-shadow: none;
    background-color: #fdc956;
}

.table-buttons-apply1, .table-buttons-apply5, .table-buttons-go, .table-buttons-go2 {
    position: relative;
}

.table-buttons-apply1 {
    left: 150px;
}

.table-buttons-apply5 {
    left: 835px;
}

.table-buttons-go {
    display: inline;
    height: 32px;
    background-color: #fcbc2c;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0 20px 10px;
    max-height: 40px;
    border-radius: 2px;
    border: none;
    left: 230px;
    width: 40px;
    outline:none !important;
}

.table-buttons-apply1:hover, .table-buttons-apply5:hover, .table-buttons-go:hover {
    box-shadow: none;
    background-color: #fdc956 !important;
}

.select .form-control, .table-select-1 .form-control, .table-select-2 .form-control, .table-select-3 .form-control, .table-select-4 .form-control, .table-select-5 .form-control {
    width: 150px;
    border-radius: 2px;
    height: 32px;
    box-shadow: none;
    font-weight: bold;
    color: #3580c7;
    background: url(../../images/down-arrow.png)no-repeat 85% 50% #FFF;
    background-position-x: 125px;
    background-position: 125px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    z-index:999;
}

.table-select-11 .form-control, .table-select-12 .form-control, .table-select-13 .form-control {
    width: 220px;
    border-radius: 2px;
    height: 32px;
    box-shadow: none;
    font-weight: bold;
    color: #3580c7;
    background: url(../../images/down-arrow.png)no-repeat 85% 50% #FFF;
    background-position-x: 195px;
    background-position: 195px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    z-index:999;
}

.table-input-11 .form-control, .table-input-12 .form-control, .table-input-13 .form-control {
    width: 220px;
    border-radius: 2px;
    height: 32px;
    box-shadow: none;
    font-weight: bold;
    color: #3580c7;
    background: none;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    z-index:999;
}

.table-select-long .form-control {
    width: 350px;
    border-radius: 2px;
    height: 32px;
    box-shadow: none;
    font-weight: bold;
    color: #3580c7;
    background: url(../../images/down-arrow.png)no-repeat 85% 50% #FFF;
    background-position-x: 325px;
    background-position: 325px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin-left: -15px;
    margin-bottom:-47px;
}

.table-report-dropdown .form-control {
    width: 250px;
    height: 32px;
    border-color: rgba(0,0,0,0.1);
    border-radius: 2px;
    box-shadow: none;
    font-weight: normal;
    font-size: 14px;
    color: #5E5D5D;
    background: url(../../images/down-arrow.png)no-repeat 85% 50% #FFF;
    background-position-x: 220px;
    background-position: 220px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    margin-left: -15px;
    margin-bottom:-47px;
}

.table-select-1 .form-control {
    position: relative;
    left: 0px;
    margin-bottom:-47px;
}

.table-select-2 .form-control {
    position: relative;
    left: 160px;
    margin-bottom:-47px;
}

.table-select-3 .form-control {
    position: relative;
    left: 320px;
    margin-bottom:-47px;
}

.table-select-4 .form-control {
    position: relative;
    left: 480px;
    margin-bottom:-47px;
}

.table-select-5 .form-control {
    position: relative;
    left: 640px;
    margin-bottom:-47px;
}

.table-select-11 .form-control {
    position: relative;
    left: 0px;
    margin-bottom:-47px;
}

.table-select-12 .form-control {
    position: relative;
    left: 230px;
    margin-bottom:-47px;
}

.table-select-13 .form-control {
    position: relative;
    left: 460px;
    margin-bottom:-47px;
}

.table-input-11 .form-control {
    position: relative;
    left: 0px;
    margin-bottom:-47px;
}

.table-input-12 .form-control {
    position: relative;
    left: 230px;
    margin-bottom:-47px;
}

.table-input-13 .form-control {
    position: relative;
    left: 460px;
    margin-bottom:-47px;
}

/*=====================================================================================*/
/* Form Validation Errors                                                              */
/*=====================================================================================*/

.has-error .form-control {
    border: 2px solid #e46f4e;
}

.has-error .form-control:focus {
    border: none;
}

.has-error .tooltip, .has-error .tooltip-inner {
    position: relative;
    margin: -5px 1px 0;
    padding: none; 
    display: none; 
}

.has-error .tooltip-arrow {
    display: none; 
}

.alert-close {
    position: relative;
}

/*=====================================================================================*/
/* Form                                                                                */
/*=====================================================================================*/

.section-sub-form {
    height: 45px;
    border-radius: 2px;
    box-shadow: none;
    width: 500px;
    position: relative;
    top: 0px;
}

.section-sub-form .form-control {
    width: 123%;
    height: 45px;
    position: relative;
    left: -15px;
    border-radius: 2px;
    box-shadow: none;
}

.section-sub-form .form-group {
    position: relative;
    margin-bottom: 0;
}

.section-sub-form .form-group p {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0 0;
    position: relative;
    z-index: 1;
    left: 0px;
    color: #868585;
}

.section-sub-form .form-group textarea {
    font-size: 14px;
    position: relative;
    color: #868585;
    height: 200px;
}

.section-sub-form .form-group input[type="file"] {
    font-size: 14px;
    position: relative;
    color: #868585;
    width: 500px;
    height: 40px;
    display: inline-block;
}

.section-sub-form .form-group select {
    font-size: 14px;
    position: relative;
    color: #868585;
    width: 200px !important;
    z-index:999;
}

.section-sub-form .searchselect {
    font-size: 14px;
    position: relative;
    left:260px;
    color: #868585;
    width: 450px !important;
}

.section-sub-form .searchp {
    font-weight: bold;
    font-size: 14px;
    padding: 10px 0 10px 0;
    position: relative;
    z-index: 1;
    left: 260px;
    color: #868585;
}

.section-sub-form .form-validation .form-control {
    width: 615px;
}

.section-sub-form .btn {
    background-color: #fcbc2c;
    border-color: #fcbc2c;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    border-radius: 2px;
    width: 200px;
    height: 40px;
    margin-top: 20px;
    margin-left: 200px;
    margin-bottom: 60px;
    outline:none !important;
}

.section-sub-form .btn:disabled {
    background-color: #F1DF86;
}

.section-sub-form .btn2 {
    width: 240px;
    margin-left:365px;
}

.section-sub-form .btn2:disabled {
    width: 240px;
    margin-left:365px;
    background-color: #F1DF86;
}

.section-sub-form .btn3 {
    width: 240px;
    margin-left:0px;
}

.section-sub-form .btnsbox {
    width: 240px;
    margin-left:123px;
}

.section-sub-form .btnsbox2 {
    width: 240px;
    margin-left:63px;
}

.section-sub-form .btnsbox3 {
    width: 240px;
    margin-left:40px;
}

.section-sub-form .btn:hover {
    background-color: #fdc956;
}


/*=====================================================================================*/
/* Result Page                                                                         */
/*=====================================================================================*/

.sub-success {
    border: 1px solid #F5BC39;
    background-color: #fffcf7;
    text-align: center;
    padding: 0 200px 10px;
    margin: 20px -15px;
    width: 970px;
}

.sub-success h3 {
    color: #F5BC39;
}

.sub-error {
    border: 1px solid #eb6147;
    text-align: center;
    padding: 0 200px 10px;
    margin: 20px -15px;
    width: 970px;
}

.sub-error h3 {
    color: #eb6147;
}

.sub-error p, .sub-success p {
    margin-top: -10px;
}

.sub-alert {
    border: 1px solid #EED3D7;
    background-color: #F2DEDE;
    color: #B94A48;
    text-align: left;
    padding: 0px 0px 0px 15px;
    margin: 20px 0px 10px -15px;
    width: 970px;
}

.sub-alert p {
    margin-top: 10px;
}

.cp-alert {
    border: 1px solid #EED3D7;
    background-color: #F2DEDE;
    color: #B94A48;
    text-align: center;
    padding: 0px 0px 0px 10px;
    margin: 20px 0px 0px 30px;
    width: 290px;
}

.cp-success {
    border: #cbe6f4 1px solid;
    background-color: #f3f8fb;
    text-align: left;
    padding: 0px 0px 0px 10px;
    margin: 20px 0px 0px 30px;
    width: 290px;
}

.cp-alert p, .cp-success p {
    margin-top: 10px;
}

.ilx-alert {
    border: 1px solid #EED3D7;
    border-radius: 0px;
    background-color: #F2DEDE;
    color: #B94A48;
    text-align: left;
    padding: 10px 0px 0px 15px;
    margin: 20px 0px -20px 0px;
    height: 40px;
    width: 970px;
}

.sub-notes {
    border: 1px solid #EED3D7;
    background-color: #F2DEDE;
    color: #B94A48;
    text-align: left;
    padding: 0px 10px 0px 15px;
    margin: 20px 0px 10px -15px;
    width: 970px;
}

.sub-notes p {
    margin-top: 10px;
}

/*=====================================================================================*/
/* Result Page - BACK Buttons                                                          */
/*=====================================================================================*/

.back-btn-danger {
    position: relative;
    left: 415px;
    color: #fff;
    width: 140px;
    height: 43px;
    border-radius: 2px;
    border-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 0px;
}

.back-btn-danger:hover {
    background-color: #aaaaaa;
}

.back-btn-success {
    position: relative;
    left: 415px;
    color: #fff;
    width: 140px;
    height: 43px;
    border-radius: 2px;
    background-color: #F5BC39;
    border-color: transparent;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    margin-top: 0px;
}

.back-btn-success:hover {
    background-color: #fdc956;
}

.back-btn-success:disabled {
    background-color: #F1DF86;
}

/*=====================================================================================*/
/* DashBoard - Icon Panel                                                              */
/*=====================================================================================*/

.iconpanel {
    border: 0px;
    box-shadow: 0 0px;
    border-radius: 0px;
}

.iconpanel .iconpanel-body {
    height:70px;
}

.iconpanel .iconpanel-footer {
    font-size: 11px;
    font-weight: bold;
    background-color: #ececec;
    padding: 10px 0px;
    text-transform: uppercase;
    text-align: center;
}

.iconpanel .iconpanel-footer a, .iconpanel .iconpanel-footer a:hover, .iconpanel .iconpanel-footer a:visited {
    color: inherit;
    text-decoration: inherit;
}

.iconhover:hover .iconpanel-body {
    background-color: #d5eaf6;
}

.iconhover:hover .iconpanel-footer {
    background-color: #bde2f4;
}

.iconpanel .iconpanel-iconbackground {
    background-color: #f9f9f9;
    padding-bottom: 2px;
    padding-top: 2px;
}

.iconpanel img {
    height: 40px;
    width: 40px;
}

/*=====================================================================================*/
/* DashBoard - Summary Panel                                                           */
/*=====================================================================================*/

.summarypanel {
    border: 0px;
    box-shadow: 0 0px;
    border-radius: 0px;
    background-color: #eaf4fb;
    height: 180px;
}

.summarypanel .panel-heading {
    background-color: #d5eaf6;
}

.summarypanel .summarypanel-title {
    font-size: 12px;
    font-weight: bold;
    color: #0082C9;
    text-transform: uppercase;
}

.summarypanel .summarypanel-icon {
    float: left;
    padding-left: 10px;
    width: 50px;
}

.summarypanel .summarypanel-icon svg path {
    fill: #0082C9;
}

.summarypanel .summarypanel-text {
    float: left;
    text-transform: uppercase;
    padding-left: 10px;
    font-size: 12px;
    line-height: 1.5;
    color: #868585;
}

.summarypanel .summarypanel-data {
    font-weight: bold;
    color: #0082C9;
    text-transform: uppercase;
}

.summarypanel-marker > div {
    padding-top: 10px;
    padding-bottom: 10px;
}

.summarypanel-row { height: 30px; }

/*=====================================================================================*/
/* FAQ - Whats New                                                                     */
/*=====================================================================================*/

.whatsnewpanel {
    border: 0px;
    box-shadow: 0 0px;
    border-radius: 0px;
    background-color: #eaf4fb;
}

.whatsnewpanel .panel-heading {
    background-color: #d5eaf6;
}

.whatsnewpanel .whatsnewpanel-title {
    font-size: 12px;
    font-weight: bold;
    color: #0082C9;
    text-transform: uppercase;
}

.whatsnewpanel .whatsnewpanel-data {
    font-weight: bold;
    color: #0082C9;
}

.whatsnewpanel .panel-body {
    line-height: 1.5;
    background-color: #f9f9f9;
    padding-left: 24px;
    padding-right: 24px;
}

/*=====================================================================================*/
/* FAQ List                                                                            */
/*=====================================================================================*/

.faqlist {
    border: 0px;
    box-shadow: 0 0px;
    border-radius: 0px;
    background-color: #FFFBF6;
    color: #868585;
    height: 180px;
    font-weight: bold;
}

.faqlist .panel-heading {
    background-color: #FDF1D4;
}

.faqlist .faqlist-title {
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

.faqlist .faqlist-que {
    text-decoration: underline;
}

.faqlist .faqlist-que a, .faqlist .faqlist-que a:hover {
    font-size: 13px;
    color: inherit;
    text-decoration: inhreit;
}

.faq-header {
    font-size: 21px;
    color: #0083ca;
    font-weight: bold;
    padding-bottom: 10px;
}

.faqlist ul {
    list-style: none; /* Remove list bullets */
    padding: 0;
    margin: 0;
    display: table;
}

.faqlist ul > li {
    display: table-row;
    line-height: 1.5;
}

.faqlist li:before {
    content: 'Q. ';
    display: table-cell;
    padding-right: 8px;
    padding-bottom: 5px;
    padding-top: 5px;
}


/* Added on 09-Apr-2016 by Bhavin */

.table-buttons-go2 {
    display: inline;
    height: 28px;
    background-color: #fcbc2c;
    text-align: center;
    font-weight: bold;
    font-size: 13px;
    text-transform: uppercase;
    color: #fff;
    margin: 0px 0px 0px 0px;
    max-height: 40px;
    border-radius: 2px;
    border: none;
    left: 100px;
    width: 100px;
    outline:none !important;
}

/* MANAGED ZONE PAGE */
.mdns-info {
    height: auto;
    width: 970px;
    border-radius: 2px;
    position: relative;
    left: -15px;
    top: 20px;
}

.mdns-info .lefttitle {
    background-color: #fcf2d5;
    height: 40px;
    padding: 11px 24px;
    font-weight: bold;
    font-size: 14px;
    width: 400px;
    color: #5f5e5e;
    border: #FBBB2B 1px solid;
}

.mdns-info .righttitle, .mdns-info .rightdesc {
    border: #FBBB2B 1px solid;
    position: relative;
    left: -5px;
    width: 570px;
    padding: 12px 20px 10px 24px;
    height: 160px;
}

.mdns-info .righttitle {
    height: 40px;
    color: #5f5e5e;
}

.mdns-info .rightdesc {
    top: -11px;
    font-size: 14px;
}

.mdns-info .leftdata {
    background-color: #fffcf7;
    font-size: 14px;
    color: #5E5D5D;
    width: 400px;
    padding: 10px 24px;
    border: #FBBB2B 1px solid;
    position: relative;
    top: -11px;
    height: 160px;
}

.mdns-info td {
    position: relative;
    padding: 7px 20px;
    text-align: left;
    left: -20px;
}


.domain-purchase-info {
    border: #FBBB2B 1px solid;
    height: auto;
    width: 970px;
    margin-left: 0;
    border-radius: 0px;
    margin-top: 0px;
}

.domain-purchase-info .desc {
    background-color: #FFFBF6;
    font-weight: normal;
    font-size: 14px;
    color: #5E5D5D;
    padding: 15px 25px;
    height: 50px;
}

.domain-purchase-info input[type="text"] {
    font-size: 14px;
    height: 32px;
    margin-top: -5px;
    margin-bottom: 10px;
    padding: 7px 12px;
    width: 200px;
    border-style: solid;
    border-color: rgba(0,0,0,0.1);
    border-width: thin;
    border-radius: 1px;
}

.domain-purchase-info input:focus {
    outline: none;
}

.domain-purchase-info .apply-buttons {
    display: inline;
    position: relative;
    top: 0px;
    height: 32px;
    width: 140px;
    background-color: #fcbc2c;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    margin: -10px 0 0 0;
    max-height: 40px;
    border-radius: 2px;
    border: none;
    outline:none !important;
}

.domain-purchase-info .apply-buttons:hover {
    background-color: #fdc956;
}

.domain-purchase-info .apply-buttons:disabled {
    background-color: #F1DF86;
}

/* -------- RENEW DOMAIN SELECT ---------- */

.renewal-select {
   width: 225px;
   height: 34px;
   background: url(../../images/up-arrow.png)no-repeat 92% 50% #FFF;
   background-position-x: 200px;
}

.renewal-select select {
   width: 225px;
   padding-left: 12px;
   font-size: 11px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;

   /* border: #ccc 1px solid; */
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
     -webkit-box-shadow: 0 1px 5px #ccc, 0 -1px #fff inset;
    -moz-box-shadow: 0 1px 5px #ccc, 0 -1px #fff inset;
    box-shadow: 0 1px 5px #ccc, 0 -1px #fff inset;
    appearance:none;
   background-color: transparent;
}

option {
   line-height: 30px;
}

.faq-sub-head {
    position: relative;
    top: 10px;
    height: 40px;
    width: 615px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
    background-color: #f5f5f5;

}

.faq-sub-head2 {
    position: relative;
    top: 10px;
    width: 615px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
    border-top: none;
    background-color: #ffffff;
    padding: 15px 15px 15px 15px;

}

.faq-sub-head h4 {
    color: #868585;
    font-weight: bold;
    font-size: 14px;
    font-size: 15px;
    padding-left: 15px;
}


/* TICKETS PAGE */
.tickets-info {
    height: auto;
    width: 970px;
    border-radius: 2px;
    position: relative;
    left: -15px;
    top: 20px;
}

.tickets-info .lefttitle {
    background-color: #fcf2d5;
    height: 40px;
    padding: 11px 24px;
    font-weight: bold;
    font-size: 14px;
    width: 970px;
    color: #5f5e5e;
    border: #FBBB2B 1px solid;
}

.tickets-info .leftdata {
    background-color: #fffcf7;
    font-size: 14px;
    color: #5E5D5D;
    width: 485px;
    padding: 10px 24px;
    border: #FBBB2B 1px solid;
    position: relative;
    top: -11px;
    height: 130px;
}

.tickets-info .rightdata {
    background-color: #fffcf7;
    font-size: 14px;
    color: #5E5D5D;
    width: 485px;
    padding: 12px 20px 10px 24px;
    border: #FBBB2B 1px solid;
    border-left:none;
    position: relative;
    top: -11px;
    margin-top: 60px;
    height: 130px;
}

.tickets-info td {
    position: relative;
    padding: 7px 20px;
    text-align: left;
    left: -20px;
}

.tickets-info .tbl02 {
   width:440px;
}

.tickets-info .tbl02 td:nth-child(1) {
    height:30px;
    width: 100px;
    text-align: left;
    padding:0px 0px 0px 20px;
}

.tickets-info .tbl02 td:nth-child(2) {
    height:30px;
    width: 30px;
    text-align: center;
    padding:0px 0px 0px 0px;
}

.tickets-info .tbl02 td:nth-child(3) {
    height:30px;
    width: 260px;
    text-align: left;
    padding:0px 0px 0px 0px;
}

.tickets-data {
    height: auto;
    width: 970px;
    border-radius: 2px;
    position: relative;
    left: -15px;
    top: 20px;
}

.tickets-data .lefttitle {
    background-color: #f5f5f5;
    height: 40px;
    padding: 11px 24px;
    font-weight: normal;
    font-size: 14px;
    width: 970px;
    color: #5f5e5e;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
}

.tickets-data .leftdata {
    background-color: #ffffff;
    font-size: 14px;
    color: #5E5D5D;
    width: 970px;
    padding: 10px 24px;
    position: relative;
    top: -11px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
}

form .alert { display: none; }

.arrow-right {
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left: 6px solid black;
}

.bottom-notes {
    border: #FBBB2B 1px solid;
    height: auto;
    width: 970px;
    margin-left: 0;
    border-radius: 0px;
    margin-top: 0px;
}

.bottom-notes .desc {
    background-color: #fffcf7;
    font-weight: normal;
    font-size: 14px;
    color: #5E5D5D;
    padding: 15px 25px;
    height: 180px;
}

.glyphicon.text-muted { opacity: 0.50; }


/* Customer Info PAGE */
.customer-info {
    height: auto;
    width: 970px;
    border-radius: 2px;
    position: relative;
    left: -15px;
    top: 20px;
}

.customer-info .lefttitle {
    background-color: #fcf2d5;
    height: 40px;
    padding: 11px 24px;
    font-weight: bold;
    font-size: 14px;
    width: 485px;
    color: #5f5e5e;
    border: #FBBB2B 1px solid;
}

.customer-info .righttitle, .customer-info .rightdesc {
    border: #FBBB2B 1px solid;
    position: relative;
    width: 485px;
    padding: 12px 20px 10px 24px;
    height: 320px;
}

.customer-info .righttitle {
    background-color: #fcf2d5;
    height: 40px;
    color: #5f5e5e;
    left: -1px;
}

.customer-info .rightdesc {
    top: -11px;
    font-size: 14px;
}

.customer-info .leftdata {
    background-color: #fffcf7;
    font-size: 14px;
    color: #5E5D5D;
    width: 485px;
    padding: 10px 24px;
    border: #FBBB2B 1px solid;
    position: relative;
    top: -11px;
    height: 320px;
}

.customer-info .rightdata {
    background-color: #fffcf7;
    font-size: 14px;
    color: #5E5D5D;
    width: 485px;
    padding: 10px 24px;
    border: #FBBB2B 1px solid;
    position: relative;
    left: -1px;
    top: -11px;
    height: 320px;
}

.customer-info td {
    position: relative;
    padding: 2px 20px;
    text-align: left;
    left: -20px;
    font-size: 14px;
}

.wrapword{
    white-space: -moz-pre-wrap !important;  /* Mozilla, since 1999 */
    white-space: -pre-wrap;      /* Opera 4-6 */
    white-space: -o-pre-wrap;    /* Opera 7 */
    white-space: pre-wrap;       /* css-3 */
    word-wrap: break-word;       /* Internet Explorer 5.5+ */
    white-space: -webkit-pre-wrap; /* Newer versions of Chrome/Safari*/
    word-break: break-all;
    white-space: normal;
}

.checkbox-box {
    position: relative;
    margin-top: 15px;
    height: 60px;
    width: 615px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    padding: 10px 10px 10px 10px;
}

.checkbox-box-615 {
    position: relative;
    margin-top: 15px;
    height: 80px;
    width: 615px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    padding: 10px 10px 10px 10px;
}

.checkbox-box-970 {
    position: relative;
    margin-top: 0px;
    margin-bottom: 15px;
    height: 80px;
    width: 970px;
    border-style: solid;
    border-width: thin;
    border-color: rgba(0,0,0,0.1);
    background-color: #f5f5f5;
    padding: 10px 10px 10px 10px;
}

.tr-subheading {
    background-color:#e1e1d5;
    border-top: 2px solid #ddd;
    border-bottom: 2px solid #ddd;
}