@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800');
body{ margin:0; padding:0; font-family: 'Open Sans', sans-serif; background:#fff;}
.no-padding{ padding:0;}
.btn{ -webkit-transition:all .3s; -moz-transition:all .3s; transition:all .3s}
a { color: inherit; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; text-decoration: none; }
a:hover, a:active, a:focus { color: inherit; text-decoration: none; outline:0; }
button:focus { outline: none }
.btn:focus { outline: none }
.table{ background:#fff;}
.checkbox{ padding:0px;}
/*CSS*/
ul.breadcrumb { padding: 10px 16px; list-style: none; background-color: #f7f7f7; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}
ul.breadcrumb li { display: inline; font-size: 12px;}
ul.breadcrumb li+li:before { padding: 8px; color: black; content: "/\00a0";}
ul.breadcrumb li a { color: #0275d8; text-decoration: none;}
ul.breadcrumb li a:hover { color: #01447e; text-decoration: underline;}

.file{ border:none; box-shadow:none;}
.form-control{ box-shadow:none; border-color:#b8b7b7;}
.input-group-addon{ border-color:#b8b7b7;}
 /* Toggle Styles */
 .navbar-brand{ margin:0 auto; padding:0; min-height:51px; background:#ffffff; width:100%;}
 .navbar-brand img{ max-height:50px; margin:0 auto;}
 .navbar-toggle{ margin-left:10px; padding:8px 10px;}
 .nav-pills>li>a {
    border-radius: 0;
 }

.compliance {
    color : white;
}
 #wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    overflow: hidden; background: #fff;
 }
 #wrapper.toggled { padding-left: 240px; overflow: hidden; }
#sidebar-wrapper {
    z-index: 1000;
    position: fixed;
    left: 240px;
    width: 0;
    height: 100%;
    margin-top: 50px;
    margin-left: -240px;
    overflow-y: auto;
    overflow-x: hidden;
    /*background:  #2e2f6b;*/
    background: #ffffff;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
 #wrapper.toggled #sidebar-wrapper { width: 240px; height:100%;}
 #page-content-wrapper { position: fixed; padding: 15px; width: 100%; overflow-x: hidden; }
 .xyz { min-width: 360px; background:#fff; min-height:600px; margin-top:50px; }
 #wrapper.toggled #page-content-wrapper { position: fixed; margin-right: 0px; background:#fff;}
 .fixed-brand { width: auto; height:50px;}
 /* Sidebar Styles */

 
 .sidebar-nav { position: absolute; top: 0; width: 240px; margin: 0; padding: 0 0 20px 0; list-style: none; /*margin-top: 2px;*/ margin-bottom: 70px; }
 .sidebar-nav li { text-indent: 15px; line-height: 45px; }
 .sidebar-nav i{ line-height: 45px;}
 .sidebar-nav li a { display: block; text-decoration: none; color: #fff; font-size:12px; border-bottom:1px solid #384c55; }
 .sidebar-nav li a:hover { text-decoration: none; color: #fff; background: rgba(255, 255, 255, 0.2); }
 .sidebar-nav li a:active,
 .sidebar-nav li a:focus { text-decoration: none; }
 .sidebar-nav > .sidebar-brand { height: 65px; font-size: 18px; line-height: 60px;}
 .sidebar-nav > .sidebar-brand a { color: #999999;}
 .sidebar-nav > .sidebar-brand a:hover { color: #fff; background: none; }
 .no-margin { margin: 0; }
 
 @media(min-width:768px) {
    #wrapper {
       padding-left: 245px;
    }
    .fixed-brand {
       width: 245px;
    }
    #wrapper.toggled {
       padding-left: 0;
    }
    #sidebar-wrapper {
       width: 245px;
    }
    #wrapper.toggled #sidebar-wrapper {
       width: 245px;
    }
    #wrapper.toggled-2 #sidebar-wrapper {
       width: 45px;
    }
    /*#wrapper.toggled-2 #sidebar-wrapper:hover {
       width: 245px;
    }*/
    #page-content-wrapper {
       padding: 0px;
       position: relative;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
    }
    #wrapper.toggled #page-content-wrapper {
       position: relative;
       margin-right: 0;
       padding-left: 240px;
    }
    #wrapper.toggled-2 #page-content-wrapper {
       position: relative;
       margin-right: 0;
       margin-left: -200px;
       -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
       transition: all 0.5s ease;
       width: auto;
    }
 }
 
 
 
/*.nav-collapse{ margin-left:-5px; z-index:999; border:none; position:absolute; top:200px;} 
.nav-collapse i{ color:#fff; background:#2e2f6b; padding:50px 5px 50px 7px; border:none; font-weight:800; }
.navbar-default{ margin:0; padding:0; border:none; background:#f0f0f0; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px;}*/

.nav-collapse{ margin-left:-5px; z-index:999; border:none; position:fixed; top:51px; background:none; height:45px; width:12px; } 
.nav-collapse2{ margin-left:0px; z-index:997; border:none; position:fixed; top:51px; height:45px; width:12px; background:url(../images/left.png) no-repeat;} 
.nav-collapse3{ left:45px; z-index:998; border:none; position:fixed; top:51px; height:45px; width:12px; background:url(../images/right.png) no-repeat;}
.panel-default{ background:#fcfcfc;}
.panel-top{ background:#efefef; font-size:14px; width:100%; margin:20px 0 20px 0; line-height:40px; padding:0 20px;}

.panel-hscroll {
    height: auto;
    overflow-x: scroll;
}
/*LOGIN*/
.card-container.card { max-width: 100%; padding:0; margin:0;}
/* Card component */
.card { background-color: #fff;
    /* just in case there no content*/
    padding: 10px; margin: 0 auto 0px; margin-top: 50px;
}
.profile-img-card { margin: 0 auto 10px; margin-top:30px; display: block; }

/* Form styles */


.form-signin #inputEmail,
.form-signin #inputPassword { direction: ltr; height: 44px; font-size: 16px; background:#f4f4f5; border:1px solid #e4e8ea;}
.form-signin input[type=email],
.form-signin input[type=password],
.form-signin input[type=text],
.form-signin button {
    width: 100%; display: block; margin-bottom: 10px; z-index: 1;
    position: relative;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.form-signin .form-control:focus {
    border-color: rgb(104, 145, 162); outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgb(104, 145, 162);
}

.forgot-password { color: #4a98b0; }
.forgot-password:hover,
.forgot-password:active,
.forgot-password:focus{ color: rgb(12, 97, 33);}
.login-form{ background:#fff; margin:0 auto;}
.login-form ul{ /*margin:0 auto;*/ padding:20px 30px; min-height:200px;}
.login-form ul li{ list-style:none; float:left;}
.login-form ul li:first-child{  width:100%; padding-bottom:10px;}
.login-form ul li:nth-child(2){ width:100%; padding-bottom:10px;}
.login-form ul li:nth-child(3){ width:100%; }
.login-form ul li:nth-child(4){ width:50%; margin-left:1%;}
.login-form ul li:nth-child(5){ width:49%; text-transform:capitalize; padding-top:12px; font-size:12px;}
.login-form ul li:nth-child(6){ width:50%; margin-left:1%; text-align:right; padding-top:12px; color:#869093; text-transform:capitalize; font-size:12px;}
.login-form ul li:nth-child(6) .check-box{ background:#fff; margin:10px 0 0 0;}

.btn-control ul{ margin:0; padding:0;}
.btn-control ul li{ list-style:none; float:left;}
.btn-control ul li:first-child{ }
.btn-control ul li:nth-child(2){ padding-left:5px;}
.btn-control ul li:nth-child(3){padding-left:5px; }
.btn-control ul li:nth-child(4){ padding-left:5px;;}
.btn-control ul li i{ margin-right:5px;}

.profile-info{ color:#222; font-size:14px; line-height:50px; margin-right:10px;}
.profile-info img{ margin-left:10px; float:right; margin-top:7px;}

.footer{ background:#dcdcdc; line-height:25px; font-size:12px; color:#7a8990; width:100%; padding:0 10px; position:fixed; bottom:0; left:0; z-index:99999;}



/* Makes images fully responsive 

.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img { display: block; width: 100%; height:auto; margin-left:15px; }*/

/* ------------------- Carousel Styling ------------------- 

.carousel-caption { background-color: rgba(0,0,0,.5); position: absolute; left: 0; right: 0; bottom: 0; z-index: 10; padding: 0 0 10px 25px; color: #fff; text-align: left;}
.carousel-indicators { position: absolute; bottom: 0; right: 0; left: 0; width: 100%; z-index: 15; margin: 0; padding: 0;}
.carousel-control.left,
.carousel-control.right { background-image: none;}*/




.full-screen {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.full-screen img{ height:100%;}




 /* width */
#sidebar-wrapper::-webkit-scrollbar { width: 1px; }
/* Track */
#sidebar-wrapper::-webkit-scrollbar-track { background: #2e2f6b;}
/* Handle */
#sidebar-wrapper::-webkit-scrollbar-thumb { background: #2e2f6b;}
.main-iframe{ height: 99vh; width: 99vw;}

tr:nth-child(even) {background-color: #f2f2f2;}
tr:nth-child(odd) {background-color: #ffffff;}

th { background:#f5f5f5; color:#000; font-weight:600; }