/*
Title: Winter Custom Style for SPA
Author: MAVIN OKEOWO
Dependencies: Bootstrap    
*/

/*BG*/

body {
    background: url('/content/images/woodpinegray.png') repeat fixed;
}

.background {
    background: url('/content/images/woodpinegray.png') repeat;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
}
.jumbotron {
    padding: 30px;
    margin-bottom: 3px;
    background-color: rgba(23, 22, 23, 0.23); /*rgba(255, 255, 255, 0.88);*/
    color: #FFFFFF;/*#000;*/

}
.container .jumbotron {
    border-radius: 50px;
}
.glass {
background:rgba(23, 22, 23, 0.03) !important; 
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: rgba(203, 239, 255, 0.21); /*rgba(39, 41, 41, 0.12)*/
}
.quickskin {
    background: url('/content/images/woodpinegray.png') repeat;
}

.crushedice {
    background-color:rgba(51, 217, 255, 0.14)!important;
}
.smokedglass {
    background-color:rgba(0, 0, 0, 0.18)!important;
}
.tanglass {
 background-color: rgba(236, 225, 208, 0.4) !important;
}
/***NAVBAR****/
.navbar-brand {
    padding: 7px;
    font-size: 30px;
    line-height: 34px;
}
.navbar-fixed-top {
    top: 0px;
    border-width: 0px 0px 1px;
    /*height: 40px;*/
}
.navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px;
    margin-top: 3px;
    margin-right: 15px;
    margin-bottom: 3px; 
    background-color: transparent;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
/*DEFAULT NAVBAR*/
.navbar-default {
    background-color: rgba(78, 78, 78, 0.24);
    border-color: rgba(237, 238, 241, 0.38);
    color: #FFFFFF;
}
.navbar-default .navbar-brand {
    color: #020202;
}
.navbar-default .navbar-toggle {
    border-color: rgba(254, 155, 8, 0.9);
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
    background-color: rgba(109, 159, 173, 0.61);
}
.navbar-default .navbar-toggle .icon-bar {
    background-color: #F0FF00;
}
.navbar-default .navbar-nav > .dropdown > a .caret {
    border-top-color: #09a4ff;
    border-bottom-color: rgba(9, 164, 255, 0.65);
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #080808;
    background-color: rgba(114, 150, 156, 0.18);
}
.navbar-default .navbar-nav > li > a {
    color: #020202;
    font-size: 13px;                          
}
/*INVERSE NAVBAR*/
.navbar-inverse {
    background-color: rgba(78, 78, 78, 0.08);
    border-color: rgba(240, 240, 243, 0.36);
    color: #FFFFFF;
}
.navbar-inverse .navbar-brand {
    color: #0c0c0c;
}
.navbar-inverse .navbar-toggle {
    border-color: rgba(254, 155, 8, 0.9);
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
    background-color: rgba(109, 159, 173, 0.61);
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #F0FF00;
}
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #09a4ff;
    border-bottom-color: #09a4ff;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
    color: #080808;
    background-color: rgba(76, 79, 82, 0.18);
}
.navbar-inverse .navbar-nav > li > a {
    color: #FFF;
    font-size: 14px;                          
}
/*MISC NAVBAR*/
.navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
    line-height: 27px;
}
.navbar-nav > li > .dropdown-menu {
    margin-top: 0px;
    z-index:1000;
}
.navbar-nav .open .dropdown-menu {
    background-color: rgba(61, 60, 68, 0.32);
}
.navbar-nav .collapse .open .dropdown-menu {
    background-color: rgba(61, 60, 68, 0.32);
}
.nav > li > a:focus, .nav > li > a:hover {    
    background: rgba(51, 51, 57, 0.13) !important;
}

/***PANELS****/
.panel {
    background-color: rgba(239, 239, 239, 0.11);
}
.panel-default {
    border-color: rgba(255, 255, 255, 0.98);
    box-shadow: 0px 3px 6px rgba(115, 116, 128, 0.38);
}
.panel-body {
    padding: 8px;
}

.workflow-panel-body {
    padding: 0px;
}
.panel-primary > .panel-heading {
    background: rgba(57, 57, 89, 0.34) url('/content/images/gridmesh.png') repeat fixed;
    /*background-color: rgba(57, 57, 89, 0.34);*/
    border-color: rgba(75, 42, 9, 0.61);
}
.panel-default > .panel-heading {        
    background-color: rgba(232, 232, 232, 0.11);
    /*border-color: rgba(75, 42, 9, 0.61);
    color: #fff; /*#F0FF00;*/
    padding: 5px 10px;
    text-shadow: 0px 0px rgba(255, 255, 255, 0.68) /*1px 1px rgba(0, 0, 0, 0.68);*/
}
.panel-default .btn {
  /*   color: #000000; */  
    text-shadow: none;
}
/*.panel-default .btn-primary {
    color: #FFF;
    background-color: #0016BB;
    border-color: #5064F8;
}*/
.panel-footer, .panel-default >.panel-footer {
    padding: 5px 5px;    
    background-color: rgba(232, 232, 232, 0.11);
    /*border-top-color:   rgba(75, 42, 9, 0.61);*/
}
.panel-heading .dropdown-menu, .panel-footer .dropdown-menu     {
    background-color:rgba(24, 27, 43, 0.85);/*rgba(8, 12, 30, 0.4);*/
    text-shadow: none;
    text-transform:none;

}
.panel-warning > .panel-heading {
    background-color: #fff9d2ab !important;
}
.panel-danger > .panel-heading {
    background-color: #ff000073 !important;
}
.panel-success > .panel-heading {
    background-color: #a6f88466 !important;
}

/***BUTTONS****/
.btn-warning {
    background-color: rgba(255, 153, 0, 0.73);
}
.btn-default {
    color: #050815;
    border-color: rgba(8, 251, 150, 0.19);
    background-color: rgba(255, 254, 253, 0.83);/*rgba(26, 223, 255, 0.17);*/ /*rgba(253, 229, 20, 0.64);*/ /*rgba(245, 242, 63, 0.87); /*rgba(207, 180, 104, 0.52);*/
    /*border-color: rgba(92, 60, 5, 0.86);
    background-color: rgba(129, 255, 255, 0.75);*/
   /*  box-shadow: 3px 3px rgba(136, 143, 149, 0.47);    */
}
.btn-default.disabled, .btn-default[disabled], fieldset[disabled] .btn-default, .btn-default.disabled:hover, .btn-default[disabled]:hover, fieldset[disabled], .btn-default.disabled:focus, .btn-default[disabled]:focus, fieldset[disabled] .btn-default:focus, .btn-default.disabled:active, .btn-default[disabled]:active, fieldset[disabled] .btn-default:active, .btn-default.disabled.active, .btn-default.active[disabled], fieldset[disabled] .btn-default.active {
    background-color: rgba(125, 128, 147, 0.41);
    border-color: #CCC;
}  
.btn-default:hover {
    color: #333;
    background-color: rgba(236, 241, 191, 0.6);
    border-color: #dfd2ea;
}
.btn-info {
    color: #000;
    background-color: #5BC0DE;
    border-color: #030303;
   /* box-shadow: 3px 3px rgba(136, 143, 149, 0.47);*/
}
.btn-info:hover {
    color: #000;
    background-color: rgba(42, 50, 110, 0.41);
    border-color: rgba(15, 134, 134, 0.83);
}
.btn-success {
    color: #FFF;
    /*background-color: #17C205;
    border-color: #4CAE4C;*/
    color: #FFF;
    background-color: #3c763d; /*#7EEC55;*/
    border-color: rgba(221, 120, 34, 0.57);
}
.btn-success:hover {
    color: #FFF;
    background-color: rgba(5, 147, 6, 0.62);
    border-color: #052905;
}
.btn-primary {
    color: #FFF;
    background-color: rgba(0, 114, 255, 0.68);/*rgba(68, 70, 82, 0.51);*/
    border-color: rgba(62, 63, 70, 0.44);
}
.btn-primary:hover {
      background-color: rgba(51, 51, 58, 0.67);
      border-color: #b3bcc3;
}
.btn-primary:active {
    color: #292929;
    background-color: rgba(102, 106, 109, 0.22);
    border-color: #c3c3c3;
}

/***DROPDOWN MENUS****/
.dropdown-menu > li > a {
    display: block;
    padding: 0px 10px;
    clear: both;
    line-height: 2;
    color: #FFF;
}
.dropdown-menu .divider {
    height: 1px;
    margin: 5px 0px;
    overflow: hidden;
    background-color: #FFFFFF;
}
.dropdown-menu{
    background-color: rgba(123, 126, 136, 0.64); /*rgba(198, 200, 207, 0.2);*/
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 6px;
    box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);
}
.dropup .dropdown-menu {    
    background-color: rgba(24, 27, 43, 0.5); /*rgba(24, 27, 43, 0.85);/*rgba(8, 12, 30, 0.46);*/
}
ul.typeahead.dropdown-menu {
    background-color: rgba(107, 108, 123, 0.46);
    color: rgba(203, 212, 214, 0.54);

}


/***TABLES****/
.tableFixHead {
    max-height: 600px;
}

    .tableFixHead thead {
        position: sticky;
        top: 0;
        background-color: #ffffff !important;
        z-index: 1000 !important;
    }
.table {
    width: 100%;
    margin-bottom: 0px;
    font-size: 12px !important;
    background-color: transparent;
}
.table thead > tr > th, .table tbody > tr > th, .table tfoot > tr > th, .table thead > tr > td, .table tbody > tr > td, .table tfoot > tr > td {
    padding: 4px !important;
    line-height: 1;
    vertical-align: top;
    border-top: 1px solid #000;
}
.table-striped > tbody > tr:nth-child(2n+1) > td {

    background-color: rgba(91, 93, 98, 0.19);
}
.table-bordered,
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > th,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > th,
.table-bordered > tfoot > tr > td {
    border: 1px solid rgba(18, 20, 29, 0.6);
}

.table-nobtm,
.table-nobtm > thead > tr > th,
.table-nobtm > thead > tr > td,
.table-nobtm > tbody > tr > th,
.table-nobtm > tbody > tr > td,
.table-nobtm > tfoot > tr > th,
.table-nobtm > tfoot > tr > td {
    border: 1px solid rgba(18, 20, 29, 0.6);
    border-bottom-width: 0px !important;
}

.table-nosides,
.table-nosides > thead > tr > th,
.table-nosides > thead > tr > td,
.table-nosides > tbody > tr > th,
.table-nosides > tbody > tr > td,
.table-nosides > tfoot > tr > th,
.table-nosides > tfoot > tr > td {
    border: 1px solid rgba(18, 20, 29, 0.6);
    border-left-width: 0px !important;
    border-right-width: 0px !important;
}

.table > thead > tr > td.danger, .table > tbody > tr > td.danger, .table > tfoot > tr > td.danger, .table > thead > tr > th.danger, .table > tbody > tr > th.danger, .table > tfoot > tr > th.danger, .table > thead > tr.danger > td, .table > tbody > tr.danger > td, .table > tfoot > tr.danger > td, .table > thead > tr.danger > th, .table > tbody > tr.danger > th, .table > tfoot > tr.danger > th {
    background-color: #FD5E5E;
}
.table > thead > tr > td.info, .table > tbody > tr > td.info, .table > tfoot > tr > td.info, .table > thead > tr > th.info, .table > tbody > tr > th.info, .table > tfoot > tr > th.info, .table > thead > tr.info > td, .table > tbody > tr.info > td, .table > tfoot > tr.info > td, .table > thead > tr.info > th, .table > tbody > tr.info > th, .table > tfoot > tr.info > th {
    /*background-color: rgba(7, 195, 23, 0.37);*/
        background-color: rgba(203, 255, 255, 0.27);
}
.table-hover > tbody > tr > td.info:hover, .table-hover > tbody > tr > th.info:hover, .table-hover > tbody > tr.info:hover > td, .table-hover > tbody > tr.info:hover > th {
    background-color: #E3F5FF;
}
.table-hover > tbody > tr:hover > td, .table-hover > tbody > tr:hover > th {
    background-color: #D2BAFF;
}

/***MISCELLANEOUS****/
.site-footer {
    min-height: 15px;
    padding-top: 1px;
    max-height: 25px;
}
/*.atlwdg-trigger.atlwdg-SUBTLE {
    bottom: 3% !important;
    background-color: rgba(4, 131, 255, 0.18);
    border: 1px solid rgb(34, 255, 242);
    color: #000 !important;
}*/


/***LISTS AND LINKS****/
a {
    background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
    color: #0016bb;
}
.site-footer a {
    background: rgba(255, 255, 255, 0) none repeat scroll 0% 0%;
    color: #0087ff;
}

/***SELECT MEDIA SIZES****/
@media (max-width: 767px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {
        color: #FFF;
        line-height: 11px;
    }
    .modal-full .modal-dialog {
        right: auto;
        left: auto;
        background-color: rgba(255, 255, 255, 0);
    }
    .table-responsive {
        margin-bottom: 0px;
        border: 1px solid rgba(63, 71, 93, 0.49);
    }
    .table-responsive > .table {
        margin-bottom: 0px;
        background-color: rgba(255, 255, 255, 0);
    }
}
@media screen and (max-width: 767px) {

    .modal-full .modal-dialog {
       background-color: rgba(255, 255, 255, 0);
        width: 100%;
        margin: 0px;
        height: 500%;
    }
    .modal-dialog {
        right: auto;
        left: auto;
        padding-top: 30px;
        padding-bottom: 30px;
    }

}
@media (max-width: 767px) {
    #navbarCollapse {
        /***background-color: rgba(0, 0, 0, 0.5);***/
        border-color: #0014F8;
        color: #FFFFFF;
    }
}
@media (min-width: 768px) {
    .navbar-collapse .navbar-nav.navbar-right:last-child {
        margin-right: -3px;
    }
}




/***TEXT SECTIONS***/
h3 small, h4 small, h5 small, h6 small, .h1 small, .h2 small, .h3 small, .h4 small, .h5 small, .h6 small, h1 .small, h2 .small, h3 .small, h4 .small, h5 .small, h6 .small, .h1 .small, .h2 .small, .h3 .small, .h4 .small, .h5 .small, .h6 .small {
    font-weight: normal;
    line-height: 1;
    color: rgba(4, 10, 173, 0.91);
}
.text-muted {
    color:  #1025DF; /*#334148; #1025DF;*/
}
.text-danger {
    color: #CB2723;
}
blockquote {
    border-left: 3px solid #0016bb;
}
.summary-panel table .text-success {
    color: #006B27;
}
.summary-panel table .text-danger {
        color: #C50000;
}

/*FORM CONTROLS*/
.form-control {
    display: block;
    width: 100%;
    height: 34px;
    padding: 4px 4px;
    font-size: 14px;
    line-height: 1.42857;
    color: #0F0D0D;
    vertical-align: middle;
    background-color: rgba(173, 255, 247, 0.15); /*rgba(252, 253, 255, 0.47);rgba(109, 129, 170, 0.15);*/
    border: 2px solid rgba(143, 160, 176, 0.84);
    border-radius: 6px;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
}
select {
    background-color:transparent;
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
}
select::-ms-expand { /* for IE 11 */
    display: none;
}
select > option {
    /*background-color: rgba(198, 200, 207, 0.2);
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.15);
    border-radius: 10px;
    padding: 2px 2px;*/
    color: #0B1CFB;
    /*box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.4);*/
}



/***MODAL SECTIONS***/
.modal-dialog {
    /*right: auto;
    left: auto;*/
}
.modal-full .modal-dialog {
    height: 100%;
    width: 100%;
    margin: 0px;
    background: transparent; /*url("/content/images/marble.png") repeat fixed 0% 0%;*/
}
.modal-content {
    position: relative;
    background: rgba(253, 254, 255, 0.61) url(/content/images/woodpinegray.png) repeat 0% 0%;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 12px;
    outline: medium none;
    box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5);
}

/***LABEL SECTIONS***/
/*.label-default {
    background-color: rgba(20, 53, 90, 0.37);
}*/

/****LEAD MGMT*/
.lead-header-color {
    background-color: #2620355e;
    color: white;
}
.lead-color {
        color: rgb(32, 50, 137); /*#ffffff;*/ /*rgb(32, 50, 137);*/
        font-weight: bold;
    }

/*MESSAGES*/
#chat-widget .panel {
    background:rgba(255,255,255,0.95) url('/content/images/marble.png') repeat fixed;
}
#chat-widget .text-muted {
    color: #777; /*#334148; #1025DF;*/
}
 .message-overlay {
     /*parent div should have position:relative; set. and lower z-index*/
    position:fixed; /*absolute;*/
    top:0;
    left:0;
    right:0;
    bottom:0;
    /*background-color: rgba(242, 244, 253, 0.75); /*rgba(92, 116, 230, 0.42); /*rgba(0, 0, 0, 0.85); rgba(242, 244, 253, 0.75); rgba(3, 7, 33, 0.75); /*rgba(3, 14, 33, 0.38);*/
    /*background: rgba(163, 246, 235, 1) url('/content/images/gridmesh.png') repeat fixed;*/
    background:rgba(255,255,255,0.95) url('/content/images/marble.png') repeat fixed;
    z-index:9999;
    overflow-y: auto;
}
.message-overlay > .panel-success > .panel-heading {
    color: #3c763d;
    background-color: rgba(11, 70, 10, 0.47);
    /*background-color: rgba(11, 70, 10, 1);*/
}
.text-msgheader {
color: white;
    
    }
.message-overlay  > .panel-success > .panel-body { 
    /*background:rgba(211, 232, 219, 0.73);*/
    box-shadow: 1px 0px 0px rgba(0, 0, 0, 0.7);
}
.msgpanel-body {
        background: rgba(84, 76, 75, 0.28);
/*background: rgba(249, 248, 241, 0.48);*/
}
.msgheader-well {
    min-height: 9px;
    padding: 2px;
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
}

.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: normal;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-size: 17px;
    color: rgba(70, 6, 37, 0.88); /*rgba(187, 1, 1, 0.84);*/
}
.search-bar {
    background: rgba(215, 225, 226, 0.72);
    color: #040303;
    width: 194px;
    /*height: 20px;*/
}
.atlwdg-trigger.atlwdg-SUBTLE {
    bottom: 0% !important;
    background-color: rgba(236, 236, 231, 0.63) !important;
    border: 1px solid rgba(249, 249, 249, 0.16) !important;
    color: #FFF !important;
    z-index: 1030 !important;
    max-height: 24px !important;
    max-width: 108px !important;
}

.spinloader {
color: rgba(57, 57, 89, 0.34) !important;
}
::-webkit-scrollbar-thumb {
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background: rgba(57, 57, 89, 0.23); 
    /*-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);*/ 
}
::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(57, 57, 89, 0.23); 
}

#spa-call .text-success {
    color: #009402 !important;
}
#spa-call .text-warning {
    color: #714200 !important;
}