/* 
Ace Responsive Menu Plugin
Version: 1.0
Author: Samson Onna
E-mail: samson3d@gmail.com
----------------------------------------*/
/* Import Fonts
----------------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Roboto);

/* Ace Responsive Menu
----------------------------------------*/

ul { margin: 0px; padding: 0px;}
.menu { list-style: none; margin: 0; position: relative; padding: 0;float:left; width:100%; text-transform: uppercase; font-family: 'Roboto', sans-serif;  z-index: 1;   }
.menu li{ list-style: none;}
.menu li ul { display:none;}
.menu > li { display: block; margin: 0; padding: 0; border: 0px; float: left;}
.menu li a {     color:#000;}
.menu > li > a { display: block; position: relative; margin: 0; border: 0px; padding:8px 20px 8px 18px; text-decoration: none; font-size: 15px; font-weight: 300; color: #000;z-index: 9;   }
.menu li a i { padding-right: 5px; color: #000;}
.menu > li > a i { font-size: 16px; text-shadow: none; color: #000;}
.menu li ul.sub-menu li a i { padding-right: 10px; }
.menu li.menu-active > a {   color:#000;}
.menu li .menu-active { position: relative;}
.menu > li > a > .arrow:before {   margin-left: 15px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f107"; font-weight: 300; text-shadow: none; width: 10px; display: inline-block;}
.menu li ul.sub-menu li > a > .arrow:before { content: "\f107" !important;}
.menu > li > ul.sub-menu { display: none; list-style: none; clear: both; margin: 0; position: absolute;z-index: 9;}
.menu li ul.sub-menu { background:#e8e8e8;}
.menu li ul.sub-menu > li { width: 200px;}
.menu li ul.sub-menu li a { display: block; margin: 0px 0px; padding: 12px 20px 12px 15px; text-decoration: none; font-size: 13px; font-weight: normal; background: none;}
.menu > li > ul.sub-menu > li { position: relative;}
.menu > li > ul.sub-menu > li ul.sub-menu { position: absolute; left: 185px; top: 0px; display: none; list-style: none;}
.menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: absolute; left: 185px; top: 0px; display: none; list-style: none;}
.menu > li > ul.sub-menu li > a > .arrow:before { float: right; margin-top: 1px; margin-right: 0px; display: inline; font-size: 16px; font-family: FontAwesome; height: auto; content: "\f104"; font-weight: 300; text-shadow: none;}

/* Menu Toggle Btn
----------------------------------------*/
.menu-toggle { display: none; float: left; width: 100%; background:#023b69;}
.menu-toggle h3 { float: left; color: #FFF; padding-left: 12px; padding-top: 12px ; line-height:19px; font-size:12px;}
.menu-toggle .icon-bar { display: block !important; width: 18px; height: 2px; background-color: #F5F5F5 !important; -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); margin: 3px;}
.menu-toggle .icon-bar:hover { background-color: #F5F5F5 !important;}
.menu-toggle #menu-btn { float: right; background: #ee6628; border: 1px solid #ee6628; padding: 8px; border-radius: 5px; cursor: pointer; margin:3px 10px;}
.hide-menu { display: none;}

.hvr-sweep-to-bottom {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #80cd33;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    blue     *//********************************/

.hvr-sweep-to-bottom-blue {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-blue:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #26aae1;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-blue:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-blue:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    red    *//********************************/
.hvr-sweep-to-bottom-red {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-red:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #ea232a;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-red:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-red:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    orange *//********************************/

.hvr-sweep-to-bottom-orange {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-orange:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #f59223;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-orange:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-orange:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*     green *//********************************/

.hvr-sweep-to-bottom-green {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-green:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #14a650;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-green:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-green:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    pink *//********************************/

.hvr-sweep-to-bottom-pink {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-pink:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #e8098a;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-pink:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-pink:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    purple *//********************************/

.hvr-sweep-to-bottom-purple {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-purple:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #66318e;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-purple:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-purple:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    light-green  *//********************************/

.hvr-sweep-to-bottom-light-green {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-light-green:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background:#74c34c;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-light-green:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-light-green:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}


/********************************//*    aqua *//********************************/

.hvr-sweep-to-bottom-aqua {display: inline-block;vertical-align: middle;-webkit-transform: perspective(1px) translateZ(0);transform: perspective(1px) translateZ(0);box-shadow: 0 0 1px transparent;position: relative;-webkit-transition-property: color;transition-property: color;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;}
.hvr-sweep-to-bottom-aqua:before {content: "";position: absolute;z-index: -1;top: 0;left: 0;right: 0;bottom: 0;background: #00cacc;color:#fff;-webkit-transform: scaleY(0);transform: scaleY(0);-webkit-transform-origin: 50% 0;transform-origin: 50% 0;-webkit-transition-property: transform;transition-property: transform;-webkit-transition-duration: 0.3s;transition-duration: 0.3s;-webkit-transition-timing-function: ease-out;transition-timing-function: ease-out;}
.hvr-sweep-to-bottom-aqua:hover, .hvr-sweep-to-bottom:focus, .hvr-sweep-to-bottom:active {color: white;}
.hvr-sweep-to-bottom-aqua:hover:before, .hvr-sweep-to-bottom:focus:before, .hvr-sweep-to-bottom:active:before {-webkit-transform: scaleY(1);transform: scaleY(1);}

/* Accordion Menu Styles
----------------------------------------*/

ul[data-menu-style="accordion"] { width: 250px;}
ul[data-menu-style="accordion"] > li {     display: block; margin: 0; padding: 0; border: 0px; float: none !important;}
ul[data-menu-style="accordion"] > li:first-child { border-top: 2px solid #FD5025;}
ul[data-menu-style="accordion"] li ul.sub-menu > li { width: 100%;}
ul[data-menu-style="accordion"] > li > a > .arrow:before { float: right; content: "\f105";}
ul[data-menu-style="accordion"] li.menu-active > a > .arrow:before { content: "\f107" !important;}
ul[data-menu-style="accordion"] > li > ul.sub-menu { position: static;}
ul[data-menu-style="accordion"] > li > a i { padding-right: 10px; color: #FF5737;}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu { position: static;}
ul[data-menu-style="accordion"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: static;}
ul[data-menu-style="accordion"] > li { border-bottom: 1px solid #242424;}
ul[data-menu-style="accordion"] li a:hover { background: #272727 !important;}
ul[data-menu-style="accordion"] ul.sub-menu li.menu-active > a > .arrow:before { content: "\f107" !important;}

/* Vertical Menu Styles
----------------------------------------*/

ul[data-menu-style="vertical"] { width: 200px;}
ul[data-menu-style="vertical"] > li { float: none;}
ul[data-menu-style="vertical"] > li:first-child { border-top: 2px solid #FD5025;}
ul[data-menu-style="vertical"] li ul.sub-menu > li { width: 100%;}
ul[data-menu-style="vertical"] > li > a > .arrow:before { float: right; content: "\f105";}
ul[data-menu-style="vertical"] > li.menu-active {position:relative;}
ul[data-menu-style="vertical"] > li > ul.sub-menu { position: absolute; left:200px; top:0px; width:200px;}
ul[data-menu-style="vertical"] > li > a i { padding-right: 10px; color: #FF5737;}
ul[data-menu-style="vertical"]> li > ul.sub-menu > li ul.sub-menu { position: absolute; width:200px; left: 200px;}
ul[data-menu-style="vertical"] > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: absolute; width:200px; left: 200px;}
ul[data-menu-style="vertical"] > li { border-bottom: 1px solid #242424;}
ul[data-menu-style="vertical"] li a:hover { background: #272727 !important;}

/* Responsive Menu Styles
----------------------------------------*/
/*Note: change the max-width asper your requirment and change the same in aceResponsiveMenu({resizeWidth: "768" }) function*/

@media screen and (max-width: 768px) {
.demo {width:96%;padding:2%; }
 ul[data-menu-style="vertical"] , ul[data-menu-style="accordion"], ul[data-menu-style="vertical"] li ul.sub-menu {     width: 100% !important; }  .menu {     float: left;     width:100%; } 
.menu > li {     border-bottom: 1px solid #242424;    float: none; }    .menu li a:hover {     background: #f3f3f3 !important; } .menu > li:first-child {     border-top: 2px solid #FD5025; }    
.menu > li > a i {     padding-right: 10px;     color: #FF5737; }
.menu > li > a > 
.arrow:before {     float: right;     content: "\f105"; } li.menu-active > a > .arrow:before {content: "\f107" !important; } .menu li ul.sub-menu > li {width: 100%;  } 
.menu li ul.sub-menu li ul.sub-menu li a {padding-left: 30px; }  
.menu li ul.sub-menu li ul.sub-menu li ul.sub-menu li a {padding-left: 50px; }  
.menu > li > 
ul.sub-menu {position: static; } .menu > li > ul.sub-menu > li ul.sub-menu {     position: static; } .menu > li > ul.sub-menu > li ul.sub-menu > li ul.sub-menu { position: static; }
.menu li ul.sub-menu li.menu-active > a > .arrow:before {     content: "\f107" !important; }
}


.md_page_control .table>thead>tr>th {color:#fff}
.md_page_control .table {text-align: left;}