/*! Skin 1 */

/*! Skin 1 Set the Font Color, Font Size and Font Family - Do not remove min-height */
.skin-1 { min-height:100%; font-family: Arial, Helvetica, sans-serif; font-size:13px; color:#5d5d5d;  }

/*! Skin 1 Set Background Image and Position or Set Background Color, Font Type Face, Font Size and Font Color Also Reset - Should be Same as Skin-2 above */
body.skin-1 {padding-bottom:0; background: #fff; min-height:100%;font-family:'Open Sans';font-size:13px;color:#5d5d5d}

/*! Skin 1 Set Background Color, Font Type Face, Font Size and Font Color for Mobile View Ports or Resolutions Below 959 pixels */
@media only screen and (max-width:959px) { body.skin-1 { padding-bottom:0;background: #FFF; min-height:100%;font-family: Arial, Helvetica, sans-serif;font-size:13px;color:#5d5d5d} }

body.skin-1:before{content:"";display:block;position:fixed;top:0;bottom:0;max-height:100%;min-height:100%;width:100%;z-index:-1;background-color:transparent!important}

/*! Skin 1 Set Default Skin Width */
@media (min-width: 960px) { .skin-1 .container-fluid { width: 960px; margin: 0 auto; } }

/*! Skin 1 Set Default Starting Position for Res System  */
.skin-1 #1main-container { background: transparent; margin-top: 10px;  }

/*! Skin 1 Set Default Starting Position for Res System in Resolutions or View Ports Below 960 pixels  */
@media only screen and (max-width:959px){ .skin-1 #main-container { background: transparent; margin-top: 0;  } }

/*! Skin 1 Set the Main Content Background Color for View Ports below 960 pixels  */ 
@media only screen and (max-width:959px){ .skin-1 #main-content {background: #FFF; } }
 
 /*! Skin 1 Set the Main Content Background Color and Position for View Ports Above 960 pixels  */ 
.skin-1 #main-content {margin-left:198px;margin-right:0;margin-top:0;min-height:100%;padding:0}
.skin-1 #main-content {background: transparent;}

/*! Skin 1 Styles Should Remain the Same for Each Skin */
.skin-1 .navbar-inverse .navbar-inner{background: transparent}
.skin-1 #sidebar { background: transparent; margin: 8px 0 0 8px;  }
.skin-1 #sidebar:before{background-color: transparent;}
.skin-1 #sidebar:before,.skin-1 #sidebar{border-right:none;}
.skin-1 #page-content{background-color: transparent}
.skin-1 .infobox:not(.infobox-dark){border-style:solid;background-color:transparent}

.skin-1 #page-content .logo { text-align: center; }

.skin-1 a, .skin-2 a:visited, .skin-2 a:hover, .skin-2 a:visited:hover { color: #008c99;  }
.skin-1 a:hover, .skin-2 a:visited:hover { color: #176971; }

/*! Skin 1 Sidebar Nav Colors and Styles*/

.skin-1 .nav-list>li{border-color:#f2f2f2;border-bottom-width:0;position:relative}
.nav-list>li>a:hover:before{display:block;content:"";position:absolute;top:0;bottom:0;left:0;width:0;max-width:0;overflow:hidden;background-color:transparent}

.skin-1 .nav-list>li.active:before{border-left-color: transparent; border-left: none; }
.skin-1 .nav-list>li:first-child{border-top:1px solid #f2f2f2}
.skin-1 .nav-list>li:last-child{border-bottom-width:1px}
.skin-1 .nav-list>li:hover{border-left-color: transparent; border-left: 0; border-top-color:#EEE}
.skin-1 .nav-list>li:hover+li{border-top-color:#EEE}


.skin-1 .nav-list>li:last-child:hover{border-bottom-color:#EEE}
.skin-1 .nav .nav-list li.active { border-right: none!important; }
.skin-1 .nav-list>li.active{border-left-color:transparent; border-left: none; border-right: none;  border-top-color:transparent!important}
.skin-1 .nav-list>li.active+li{border-top-color:transparent}
.skin-1 .nav-list>li.active:last-child{border-bottom-color: transparent}




/*! Skin 1 Sidebar Nav Button Colors*/ 
.skin-1 .nav-list>li>a{background-color:#e3e3e3;color:#00549e}
.skin-1 .nav-list>li:hover>a{background-color:#00549e;color:#fff}
.skin-1 .nav-list>li>a:focus{color:#00549e; background-color:#00549e;}

/*! Manage Reservations Drop Down Item Color */ 
.skin-1 .nav-list>li.open>a{background-color:#00549e;color:#fff}
.skin-1 .menu-min .nav-list>li.open>a{background-color:#00549e;color:#fff}
.skin-1 .menu-min .nav-list>li.open>a>span{color:#fff; background-color:#00549e;}

/*! Skin 1 Sidebar Nav Button Active State Colors*/ 

.skin-1 .menu-min .nav-list > li > a > span {
color:#00549e;
}

.skin-1 .nav-list>li.active>a:after{display:none; }
.skin-1 .nav-list>li.active:after {display:none; }

.skin-1 .menu-min .nav-list>li.active>a>span{border-left-color:#008c99}
.skin-1 .nav-list>li.active>a{background-color:#008c99;color:#fff}


.skin-1 .nav-list>li.active>a:before,.skin-1 .nav-list>li.active.open>.submenu>li.active>a:before{content:"";display:block;position:absolute;right:0;top:0;z-index:11;left:auto;bottom:auto;width:auto;max-width:auto;background-color:transparent;border-style:solid;border-width:0;border-color:transparent;border-right-color:transparent; border-right: none;}

.skin-1 .menu-min .nav-list>li.active>a{background-color:#008c99;color:#fff}
.skin-1 .menu-min .nav-list>li.active>a>span{color:#fff; background-color:#008c99;}



.skin-1 .menu-min #sidebar-shortcuts{border-left:none}
.skin-1 #sidebar.menu-min>#nav-search{border-left:none}
.skin-1 .menu-min .nav-list>li>.submenu,.skin-1 .menu-min .nav-list>li.active>.submenu{border-left-color:#e3e3e3}
.skin-1 .nav-list>li>a>.arrow{right:3px; display: none;}
.skin-1 .nav-list > li a:hover > .arrow, .skin-1 .nav-list > li.active > a > .arrow, .skin-1 .nav-list > li.open > a > .arrow {
    color: transparent;
}

.skin-1 .nav-list>li .submenu{ background-color:#fff;border-top:1px solid #008c99}

.skin-1 .nav-list>li .submenu>li>a{display:block;position:relative;color:#00549e;padding:7px 0 8px 37px;margin:0;border-bottom:1px dotted #008c99}

.skin-1  .nav-list>li .submenu>li>a:hover{text-decoration:none;color:#008c99}

.skin-1 .nav-list>li .submenu>li:first-child>a{border-top:1px solid #008c99}
.skin-1 .nav-list>li .submenu>li.active>a{color:#008c99}
.nav-list>li .submenu>li:before{content:"";display:inline-block;position:absolute;width:9px;left:21px;top:17px;border-top:1px dashed #008c99}
.nav-list>li .submenu>li:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;left:18px;width:0;border-left:1px dashed #008c99}

.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child{color:#008c99}

/*! Skin 1 Side Bar Menu Colors when Collapsed - Should be Same As or Similar to Expanded Menu Colors */
.skin-1 #sidebar-collapse{background-color:#e3e3e3;  border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em;  }
.skin-1 #sidebar-collapse:before{border-color:#fff}
.skin-1 #sidebar-collapse>[class*="icon-"]{background-color:#FFF;border-color:#999;color:#999}
.skin-1 #sidebar-shortcuts{background-color:#e3e3e3;border-bottom:0;border-color:#FFF;min-height:40px;}

.skin-1 #sidebar-shortcuts-mini{background-color:#e3e3e3}
.skin-1 #sidebar-shortcuts-mini>.btn{opacity:1}
.skin-1 .menu-min #sidebar-shortcuts-large{background-color:#f5f5f5;top:-1px}

/*! Skin 1 Breadcrumb Colors*/
.skin-1 #breadcrumbs{border:0;border-radius:4px;background-color:transparent;margin:8px 8px 0; text-align: right;}
.skin-1 #page-content>.page-header:first-child{border-bottom-color:#e3e3e3}

/*! Skin 1 Horizontal Rule Color */
.skin-1 .hr{border-color:#e3e3e3}

/*! Skin 1 Menu Toggle Color for Mobile Devices and Smaller View Ports*/
@media only screen and (max-width:979px){.skin-1 #sidebar,.skin-1 .nav-list>li,.skin-1 
#sidebar-shortcuts{border-left:none; border-right: none;}.skin-1 #sidebar{border-color:#fff}.skin-1 #breadcrumbs{border-radius:0;margin:0}.skin-1 #menu-toggler{background-color:#00549e;color:#fff}.skin-1 #menu-toggler:after,.skin-1 #menu-toggler:before{border-color:#fff}.skin-1 #menu-toggler>span{border-top-color:#fff}.skin-2 #menu-toggler>span:after{color:#fff}.skin-1 .nav-list>li.active>a:after,.skin-1 .nav-list>li.active.open>.submenu>li.active>a:after,.skin-1 .nav-list>li.active>a:before,.skin-1 .nav-list>li.active.open>.submenu>li.active>a:before{display:none}}


/*! Skin 1 Main Application Button Colors */
.skin-1 .btn.btn-app{display:inline-block;width:90px;margin:2px;position:relative;font-size:16px;font-weight:normal; color:#fff; text-align:center;text-shadow:0 -1px -1px rgba(0,0,0,0.2)!important;border:0;border-radius:12px;padding:12px 8px}


/*! Skin 1 Main Application Button Colors */

.skin-1 .btn-app.btn-primary, .skin-1 .btn.btn-app,.skin-1 .btn.btn-app-default  {background:#008c99!important;background-color:#008c99!important;background-image:-moz-linear-gradient(top,#008c99,#0c5a61)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#008c99),to(#0c5a61))!important;background-image:-webkit-linear-gradient(top,#008c99,#0c5a61)!important;background-image:-o-linear-gradient(top,#008c99,#0c5a61)!important;background-image:linear-gradient(to bottom,#008c99,#0c5a61)!important;background-repeat:repeat-x!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008c99',endColorstr='#ff0c5a61',GradientType=0)!important; color: #fff!important; text-shadow: none!important; }

.skin-1 .btn-app.btn-primary:hover, .skin-1 .btn.btn-app:hover,.skin-1 .btn.btn-app-default:hover {background:#00549e!important;background-color:#00549e!important;background-image:-moz-linear-gradient(top,#00549e,#02427b)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#00549e),to(#02427b))!important;background-image:-webkit-linear-gradient(top,#00549e,#02427b)!important;background-image:-o-linear-gradient(top,#00549e,#02427b)!important;background-image:linear-gradient(to bottom,#00549e,#02427b)!important;background-repeat:repeat-x!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff00549e',endColorstr='#ff02427b',GradientType=0)!important; color: #fff!important; text-shadow: none!important; }


/*! Skin 1 Continue Button Color, Login Button, Sign-Up Button */
.skin-1 .btn-info, .skin-1 .btn-primary {background-color:#00549e!important; border: 0; padding: 3px 8px; margin:1px; border-radius:4px;}
.skin-1 .btn-info:hover, .skin-1 .btn-primary:hover {background-color:#02427b!important}

.skin-1 .btn-inverse { background-color:#00549e!important; }
.skin-1 .btn-inverse:hover {background-color:#02427b!important}


/*! Skin 1 Progress Bar Colors */
.skin-1 .progress-text { color: #ccc; font-style: italic;}
.skin-1 .progress {border-radius:0;height:18px;box-shadow:none;background:#f3f3f3}
.skin-1 .progress .bar {background-color:#008c99; color: #FFF;}

/*! Skin 1 Dotted Horizontal Rule that Appears below H1 tag on each page - Set border to 0 to remove, change border style to solid or dotted and apply border color */
.skin-1 #page-content .page-header:first-child{margin:0 0 12px;border-bottom:1px dotted #176971}

/*! Skin 1 Page and Section Header Colors, Font Sizes and Styles H1, H4 tags */
.skin-1 #page-content .page-header:first-child h1{padding:0;margin:0 8px;font-size:24px;font-weight:lighter;color:#008c99}
.skin-1 #page-content .page-header h4 { color: #008c99; }

/*! Skin 1 Accordion Colors */
.skin-1 .accordion-heading .accordion-toggle{color:#00549e;background-color:#e3e3e3;position:relative}
.skin-1 .accordion-heading .accordion-toggle.collapsed{color:#00549e;font-weight:normal;background-color:#e3e3e3}
.skin-1 .accordion-heading .accordion-toggle:hover{color:#fff;background-color:#00549e}
.skin-1 .accordion-heading .accordion-toggle:after{display:inline-block;content:"\f107";font-family:FontAwesome;font-size:16px;color:#00549e;position:absolute;right:6px;width:14px;line-height:18px;text-align:center}

.skin-1 .accordion-heading .accordion-toggle:hover:after{display:inline-block;content:"\f107";font-family:FontAwesome;font-size:16px;color:#fff;position:absolute;right:6px;width:14px;line-height:18px;text-align:center}

/*! Skin 1 Widget Header Colors - recommend changing color value of text only - but could match color styles for app buttons  */
.skin-1 .widget-header {position:relative;min-height:38px;background:#fff;background-color:#fff;background-image:-moz-linear-gradient(top,#fff,#a8d4d8);background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#a8d4d8));background-image:-webkit-linear-gradient(top,#fff,#a8d4d8);background-image:-o-linear-gradient(top,#fff,#a8d4d8);background-image:linear-gradient(to bottom,#fff,#a8d4d8);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffa8d4d8',GradientType=0);color:#008c99;border:1px solid #a8d4d8;border-bottom:1px solid #a8d4d8;padding-left:12px;text-align:right}

/*! Skin 1 Widget Tool Tip Question Mark Icon and Pop Over Text */
.skin-1 .help-button {background-color: #a8d4d8; color: #008c99; }
.skin-1 .popover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0;border-color:#a8d4d8;border-width:1px;box-shadow:0 0 4px 2px rgba(0,0,0,0.2);color:#008c99}
.skin-1 .popover-title{border-radius:0;background-color:#a8d4d8;color:#555;border-bottom:1px solid #dfe3e8;text-shadow:1px 1px 1px rgba(220,220,220,0.2)}
.skin-1 .popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#a8d4d8;border-top-width:0}


/*! Skin 1 Pricing Box */
.skin-1 .pricing-box .widget-header {  background: #a8d4d8; color: #027580; font-weight: bold; height: 40px;  }
.skin-1 .pricing-box .widget-header h5.bigger { font-size: 18px;  }
.skin-1 .pricing-box .price{font-size:28px;line-height:26px;height:36px;text-align:center;color:#027580}
.skin-1 .pricing-box .price small{font-size:16px}
.skin-1 .pricing-box .btn{font-size:16px}


.skin-1 .pricing-box .lbl {font-size:13px}
.skin-1 .pricing-box .lbl2 {font-size:13px; margin-left: 22px;}

.skin-1 select.small {
    width: 60px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}

.skin-1 select.medium {
    width: 140px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}


/*! Skin 2 */

/*! Skin 2 Set the Font Color, Font Size and Font Family - Do not remove min-height */
.skin-2 { min-height:100%; font-family:'Open Sans'; font-size:13px; color:#393939;  }

/*! Skin 2 Set Background Image and Position or Set Background Color, Font Type Face, Font Size and Font Color Also Reset - Should be Same as Skin-2 above */
body.skin-2 {padding-bottom:0;background: url('../images/WITT51488-Back.png') no-repeat center top; min-height:100%;font-family:'Open Sans';font-size:13px;color:#393939}

/*! Skin 2 Set Background Color, Font Type Face, Font Size and Font Color for Mobile View Ports or Resolutions Below 959 pixels */
@media only screen and (max-width:959px) { body.skin-2 { padding-bottom:0;background: #FFF; min-height:100%;font-family:'Open Sans';font-size:13px;color:#393939} }

body.skin-2:before{content:"";display:block;position:fixed;top:0;bottom:0;max-height:100%;min-height:100%;width:100%;z-index:-1;background-color:transparent!important}

/*! Skin 2 Set Default Skin Width */
@media (min-width: 960px) { .skin-2 .container-fluid { width: 960px; margin: 0 auto; } }

/*! Skin 2 Set Default Starting Position for Res System  */
.skin-2 #main-container { background: transparent; margin-top: 200px;  }

/*! Skin 2 Set Default Starting Position for Res System in Resolutions or View Ports Below 960 pixels  */
@media only screen and (max-width:959px){ .skin-2 #main-container { background: transparent; margin-top: 0;  } }

/*! Skin 2 Set the Main Content Background Color for View Ports below 960 pixels  */ 
@media only screen and (max-width:959px){ .skin-2 #main-content {background: #FFF; } }
 
 /*! Skin 2 Set the Main Content Background Color and Position for View Ports Above 960 pixels  */ 
.skin-2 #main-content {margin-left:198px;margin-right:0;margin-top:0;min-height:100%;padding:0}
.skin-2 #main-content {background: transparent;}

/*! Skin 2 Styles Should Remain the Same for Each Skin */
.skin-2 .navbar-inverse .navbar-inner{background: transparent}
.skin-2 #sidebar { background: transparent; margin: 8px 0 0 8px;  }
.skin-2 #sidebar:before{background-color: transparent;}
.skin-2 #sidebar:before,.skin-2 #sidebar{border-right:none;}
.skin-2 #page-content{background-color: transparent}
.skin-2 .infobox:not(.infobox-dark){border-style:solid;background-color:transparent}

.skin-2 #page-content .logo { text-align: center; }

.skin-2 a, .skin-2 a:visited, .skin-2 a:hover, .skin-2 a:visited:hover { color: #4dbbd6;  }
.skin-2 a:hover, .skin-2 a:visited:hover { color: #257d92; }

/*! Skin 2 Sidebar Nav Colors and Styles*/

.skin-2 .nav-list>li{border-color:#f2f2f2;border-bottom-width:0;position:relative}
.nav-list>li>a:hover:before{display:block;content:"";position:absolute;top:0;bottom:0;left:0;width:0;max-width:0;overflow:hidden;background-color:transparent}

.skin-2 .nav-list>li.active:before{border-left-color: transparent; border-left: none; }
.skin-2 .nav-list>li:first-child{border-top:1px solid #f2f2f2}
.skin-2 .nav-list>li:last-child{border-bottom-width:1px}
.skin-2 .nav-list>li:hover{border-left-color: transparent; border-left: 0; border-top-color:#EEE}
.skin-2 .nav-list>li:hover+li{border-top-color:#EEE}


.skin-2 .nav-list>li:last-child:hover{border-bottom-color:#EEE}
.skin-2 .nav .nav-list li.active { border-right: none!important; }
.skin-2 .nav-list>li.active{border-left-color:transparent; border-left: none; border-right: none;  border-top-color:transparent!important}
.skin-2 .nav-list>li.active+li{border-top-color:transparent}
.skin-2 .nav-list>li.active:last-child{border-bottom-color: transparent}




/*! Skin 2 Sidebar Nav Button Colors*/ 
.skin-2 .nav-list>li>a{background-color:#e0e0e0;color:#5a5a5a}
.skin-2 .nav-list>li:hover>a{background-color:#747579;color:#ede6d5}
.skin-2 .nav-list>li>a:focus{color:#ede6d5}

/*! Manage Reservations Drop Down Item Color */ 
.skin-2 .nav-list>li.open>a{background-color:#747579;color:#ede6d5}
.skin-2 .menu-min .nav-list>li.open>a{background-color:#747579;color:#ede6d5}
.skin-2 .menu-min .nav-list>li.open>a>span{color:#ede6d5; background-color:#747579;}

/*! Skin 2 Sidebar Nav Button Active State Colors*/ 


.skin-2 .menu-min .nav-list > li > a > span {
color:#747579;
}

.skin-2 .nav-list>li.active>a:after{display:none; }
.skin-2 .nav-list>li.active:after {display:none; }

.skin-2 .menu-min .nav-list>li.active>a>span{border-left-color:#ede6d5}
.skin-2 .nav-list>li.active>a{background-color:#e5dbbd;color:#747579}


.skin-2 .nav-list>li.active>a:before,.skin-2 .nav-list>li.active.open>.submenu>li.active>a:before{content:"";display:block;position:absolute;right:0;top:0;z-index:11;left:auto;bottom:auto;width:auto;max-width:auto;background-color:transparent;border-style:solid;border-width:0;border-color:transparent;border-right-color:transparent; border-right: none;}

.skin-2 .menu-min .nav-list>li.active>a{background-color:#e5dbbd;color:#747579}
.skin-2 .menu-min .nav-list>li.active>a>span{color:#747579}



.skin-2 .menu-min #sidebar-shortcuts{border-left:none}
.skin-2 #sidebar.menu-min>#nav-search{border-left:none}
.skin-2 .menu-min .nav-list>li>.submenu,.skin-2 .menu-min .nav-list>li.active>.submenu{border-left-color:#CCC}
.skin-2 .nav-list>li>a>.arrow{right:3px; display: none;}
.skin-2 .nav-list > li a:hover > .arrow, .skin-2 .nav-list > li.active > a > .arrow, .skin-2 .nav-list > li.open > a > .arrow {
    color: transparent;
}

.skin-2 .nav-list>li .submenu{ background-color:#fff;border-top:1px solid #e5dbbd}

.skin-2 .nav-list>li .submenu>li>a{display:block;position:relative;color:#747579;padding:7px 0 8px 37px;margin:0;border-bottom:1px dotted #e5dbbd}

.skin-2  .nav-list>li .submenu>li>a:hover{text-decoration:none;color:#4dbbd6}

.skin-2 .nav-list>li .submenu>li:first-child>a{border-top:1px solid #e5dbbd}
.skin-2 .nav-list>li .submenu>li.active>a{color:#4dbbd6}
.nav-list>li .submenu>li:before{content:"";display:inline-block;position:absolute;width:9px;left:21px;top:17px;border-top:1px dashed #e5dbbd}
.nav-list>li .submenu>li:after{content:"";display:inline-block;position:absolute;top:0;bottom:0;left:18px;width:0;border-left:1px dashed #e5dbbd}

.nav-list>li .submenu>li.active>a>[class*="icon-"]:first-child{color:#4dbbd6}

/*! Skin 2 Side Bar Menu Colors when Collapsed - Should be Same As or Similar to Expanded Menu Colors */
.skin-2 #sidebar-collapse{background-color:#e0e0e0;  border-bottom-left-radius: 0.6em; border-bottom-right-radius: 0.6em;  }
.skin-2 #sidebar-collapse:before{border-color:#ede6d5}
.skin-2 #sidebar-collapse>[class*="icon-"]{background-color:#FFF;border-color:#999;color:#999}
.skin-2 #sidebar-shortcuts{background-color:#e0e0e0;border-bottom:0;border-color:#FFF;min-height:40px;}

.skin-2 #sidebar-shortcuts-mini{background-color:#e0e0e0}
.skin-2 #sidebar-shortcuts-mini>.btn{opacity:1}
.skin-2 .menu-min #sidebar-shortcuts-large{background-color:#f5f5f5;top:-1px}

/*! Skin 2 Breadcrumb Colors*/
.skin-2 #breadcrumbs{border:0;border-radius:4px;background-color:transparent;margin:8px 8px 0; text-align: right;}
.skin-2 #page-content>.page-header:first-child{border-bottom-color:#f6f6f6}

/*! Skin 2 Horizontal Rule Color */
.skin-2 .hr{border-color:#d5d5d5}

/*! Skin 2 Menu Toggle Color for Mobile Devices and Smaller View Ports*/
@media only screen and (max-width:979px){.skin-2 #sidebar,.skin-2 .nav-list>li,.skin-2 
#sidebar-shortcuts{border-left:none; border-right: none;}.skin-2 #sidebar{border-color:#ede6d5}.skin-2 #breadcrumbs{border-radius:0;margin:0}.skin-2 #menu-toggler{background-color:#e5dbbd;color:#747579}.skin-2 #menu-toggler:after,.skin-2 #menu-toggler:before{border-color:#747579}.skin-2 #menu-toggler>span{border-top-color:#e5dbbd}.skin-2 #menu-toggler>span:after{color:#747579}.skin-2 .nav-list>li.active>a:after,.skin-2 .nav-list>li.active.open>.submenu>li.active>a:after,.skin-2 .nav-list>li.active>a:before,.skin-2 .nav-list>li.active.open>.submenu>li.active>a:before{display:none}}


/*! Skin 2 Main Application Button Colors */
.skin-2 .btn.btn-app{display:inline-block;width:90px;margin:2px;position:relative;font-size:16px;font-weight:normal; color:#fff; text-align:center;text-shadow:0 -1px -1px rgba(0,0,0,0.2)!important;border:0;border-radius:12px;padding:12px 8px}


/*! Skin 2 Main Application Button Colors */

.skin-2 .btn-app.btn-primary, .skin-2 .btn.btn-app,.skin-2 .btn.btn-app-default  {background:#e0e0e0!important;background-color:#e0e0e0!important;background-image:-moz-linear-gradient(top,#e0e0e0,#cecece)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#e0e0e0),to(#cecece))!important;background-image:-webkit-linear-gradient(top,#e0e0e0,#cecece)!important;background-image:-o-linear-gradient(top,#e0e0e0,#cecece)!important;background-image:linear-gradient(to bottom,#e0e0e0,#cecece)!important;background-repeat:repeat-x!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe0e0e0',endColorstr='#ffcecece',GradientType=0)!important; color: #747579!important; text-shadow: none!important; }

.skin-2 .btn-app.btn-primary:hover, .skin-2 .btn.btn-app:hover,.skin-2 .btn.btn-app-default:hover {background:#e5dbbd!important;background-color:#e5dbbd!important;background-image:-moz-linear-gradient(top,#e5dbbd,#c4bba1)!important;background-image:-webkit-gradient(linear,0 0,0 100%,from(#e5dbbd),to(#c4bba1))!important;background-image:-webkit-linear-gradient(top,#e5dbbd,#c4bba1)!important;background-image:-o-linear-gradient(top,#e5dbbd,#c4bba1)!important;background-image:linear-gradient(to bottom,#e5dbbd,#c4bba1)!important;background-repeat:repeat-x!important;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffe5dbbd',endColorstr='#ffc4bba1',GradientType=0)!important; color: #747579!important; text-shadow: none!important; }


/*! Skin 2 Continue Button Color, Login Button, Sign-Up Button */
.skin-2 .btn-info, .skin-2 .btn-primary {background-color:#747579!important; border: 0; padding: 3px 8px; margin:1px; border-radius:4px;}
.skin-2 .btn-info:hover, .skin-2 .btn-primary:hover {background-color:#363636!important}

.skin-2 .btn-inverse { background-color:#747579!important; }
.skin-2 .btn-inverse:hover {background-color:#363636!important}


/*! Skin 2 Progress Bar Colors */
.skin-2 .progress-text { color: #ccc; font-style: italic;}
.skin-2 .progress {border-radius:0;height:18px;box-shadow:none;background:#f3f3f3}
.skin-2 .progress .bar {background-color:#747579; color: #FFF;}

/*! Skin 2 Dotted Horizontal Rule that Appears below H1 tag on each page - Set border to 0 to remove, change border style to solid or dotted and apply border color */
.skin-2 #page-content .page-header:first-child{margin:0 0 12px;border-bottom:1px dotted #e5dbbd}

/*! Skin 2 Page and Section Header Colors, Font Sizes and Styles H1, H4 tags */
.skin-2 #page-content .page-header:first-child h1{padding:0;margin:0 8px;font-size:24px;font-weight:lighter;color:#c1b286}
.skin-2 #page-content .page-header h4 { color: #747579; }

/*! Skin 2 Accordion Colors */
.skin-2 .accordion-heading .accordion-toggle{color:#747579;background-color:#e5dbbd;position:relative}
.skin-2 .accordion-heading .accordion-toggle.collapsed{color:#747579;font-weight:normal;background-color:#e5dbbd}
.skin-2 .accordion-heading .accordion-toggle:hover{color:#747579;background-color:#e5dbbd}
.skin-2 .accordion-heading .accordion-toggle:after{display:inline-block;content:"\f107";font-family:FontAwesome;font-size:16px;color:#747579;position:absolute;right:6px;width:14px;line-height:18px;text-align:center}

/*! Skin 2 Widget Header Colors - recommend changing color value of text only - but could match color styles for app buttons  */
.skin-2 .widget-header {position:relative;min-height:38px;background:#e0e0e0;background-color:#e0e0e0;background-image:-moz-linear-gradient(top,#e0e0e0,#cecece);background-image:-webkit-gradient(linear,0 0,0 100%,from(#e0e0e0),to(#cecece));background-image:-webkit-linear-gradient(top,#e0e0e0,#cecece);background-image:-o-linear-gradient(top,#fff,#eee);background-image:linear-gradient(to bottom,#e0e0e0,#cecece);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);color:#747579;border:1px solid #CCC;border-bottom:1px solid #DDD;padding-left:12px;text-align:right}

/*! Skin 2 Widget Tool Tip Question Mark Icon and Pop Over Text */
.skin-2 .help-button {background-color: #eff3f8; color: #139c68; }
.skin-2 .popover{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;padding:0;border-color:#ccc;border-width:1px;box-shadow:0 0 4px 2px rgba(0,0,0,0.2);color:#139c68}
.skin-2 .popover-title{border-radius:0;background-color:#eff3f8;color:#555;border-bottom:1px solid #dfe3e8;text-shadow:1px 1px 1px rgba(220,220,220,0.2)}
.skin-2 .popover.bottom .arrow:after{top:1px;margin-left:-10px;border-bottom-color:#eff3f8;border-top-width:0}


/*! Skin 2 Pricing Box */
.skin-2 .pricing-box .widget-header {  background: #747579; color: white; font-weight: bold; height: 40px;  }
.skin-2 .pricing-box .widget-header h5.bigger { font-size: 18px;  }
.skin-2 .pricing-box .price{font-size:28px;line-height:26px;height:36px;text-align:center;color:#555}
.skin-2 .pricing-box .price small{font-size:16px}
.skin-2 .pricing-box .btn{font-size:16px}


.skin-2 .pricing-box ul.unstyled li.description { min-height: 175px; }
.skin-2 .pricing-box .lbl {font-size:13px}
.skin-2 .pricing-box .lbl2 {font-size:13px; margin-left: 22px;}

.skin-2 select.small {
    width: 60px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}

.skin-2 select.medium {
    width: 140px;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
}


.skin-1 .container-fluid #footer, .skin-2 .container-fluid #footer {  text-align: center; margin-bottom: 20px; border-top: 1px dotted #eee; }

#footer .footer-logo { margin-right: 2px; padding: 5px 0 5px 0; }



