@import url('https://fonts.googleapis.com/css?family=Montserrat');

@font-face {
    font-family: 'Montserrat', sans-serif;
    font-style: normal;
    font-weight: 400;
}

@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: local('Open Sans Light'), local('OpenSans-Light'), url(../fonts/DXI1ORHCpsQm3Vp6mXoaTXhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local('Open Sans'), local('OpenSans'), url(../fonts/cJZKeOuBrn4kERxqtaUH3T8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: local('Open Sans Semibold'), local('OpenSans-Semibold'), url(../fonts/MTP_ySUJH_bn48VBG8sNSnhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: local('Open Sans Bold'), local('OpenSans-Bold'), url(../fonts/k3k702ZOKiLJc3WVjuplzHhCUOGz7vYGh680lGh-uXM.woff) format('woff');
}

body {
    font-family: 'Montserrat', sans-serif;
    background: none repeat scroll 0 0 #111111 !important;
    color: #404E67;
}

.form-control {  
    font-size: 14px;
    font-weight: normal;
    color: #333333;
    background-color: #ffffff;
    border: 1px solid #e5e5e5;
    border-radius: 0;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.form-control:focus {
    border-color: #999999;
    outline: 0;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}
.form-control[disabled],
.form-control[readonly],
fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #eeeeee;
}


/* LAYOUT */
.page-container {
    margin-top: 42px;  
}

@media(min-width:992px){
    .page-container {
        min-width: 1080px !important;
    }
    .footer {
        min-width: 1080px !important;
    }
}



.page-sidebar {
    margin: 0 !important;
    background-color: #FFFFFF !important;
    color: #404e67 !important;
    overflow: auto;
}
@media(min-width:992px){
    .page-sidebar {
        position: fixed !important;
        width: 240px !important;
        margin: 0 !important;
        background-color: #FFFFFF !important;
        color: #404e67 !important;
        bottom:0;
        top:55px;
    }
}

.page-content {
    margin-top: 0 !important;
    min-height: 760px !important;
    padding: 25px 20px 20px !important;
    background-color: #fff;
}
@media(min-width:992px){
    .page-content {
        margin-left: 240px !important;
        margin-top: 0 !important;
        min-height: 760px !important;
        padding: 25px 25px 20px !important;
        background-color: #F1F3F7;
    }
}


/* LAYOUT END */

/* NAVIGATION */
.header {
    width: 100%;
    padding: 0 20px 0 20px;
    margin: 0;
    border: 0px;
    padding: 0px;
    box-shadow: none;
    height: 55px;
    min-height: 55px;
    background-color: #ffffff;
}

.header.navbar-fixed-top {
    z-index: 9995 !important;
}



.header .navbar-brand {
    display: inline-block;
    margin-top: -1px;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    width: 240px;
    height: 56px;
    background-color: #565090;
}

.header .navbar-brand img {
    margin-left: 20px;
}

.header .navbar-brand.text-logo {
    padding-left: 20px;
    padding-top: 12px;
}

.header .navbar-toggle {
    margin: 8px 6px 4px 6px;
    padding: 0; 
    padding-top:2px;
    padding-bottom: 6px; 
    background-image: none;
    filter:none;
    box-shadow: none;
    color: #634263;
    border: 0;
}



.navbar-inverse .navbar-brand {
    color: #634263;
    padding: 18px;
    background: #ffffff;
}
.navbar-inverse .navbar-brand:hover{
    color: #634263;
    background: #ffffff;
}
.header .navbar-brand.nav-user {
    width: auto;
    font-size: 16px;
    line-height: 16px;
    font-family: 'Montserrat', sans-serif;
    background-color: transparent;
    color: black;
    padding: 20px 15px;
}

.header .navbar-brand.nav-user a {
    color: #634263;
    margin: 0 5px;
}

/* NAVIGATION END */

/* SIDEBAR */

.sidebar_toggle {
    display:none;
}

@media(min-width:992px){
    #menuToggle {
        display:none;
    }
    .sidebar_toggle {
        display:block;
    }
}

.sidebar_toggle.in {
    display:block;
}

.page-sidebar-menu {
    list-style: none;
    margin: 0;
    padding: 0;
    margin: 0;
    padding: 0; 
}

.page-sidebar-menu > li {
    display: block;
    margin: 0;
    padding: 0; 
    border: 0px;
}

.page-sidebar-menu > li.start > a {
    border-top-color: transparent !important;
}

.page-sidebar-menu > li:last-child > a,
.page-sidebar-menu > li.last > a {
    border-bottom-color: transparent !important;
}

.page-sidebar-menu > li > a {
    display: block;
    position: relative;
    margin: 0;
    border: 0px;
    padding: 12px 15px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
}

.page-sidebar-fixed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-menu > li > a i {
    font-size: 16px;
    margin-right: 5px;
    text-shadow:none; 
}

.page-sidebar-menu > li.break {
    margin-bottom: 20px;
}

.page-sidebar-menu > li.active > a {
    border: none; 
    text-shadow:none;
}  

.page-sidebar-menu > li.active > a .selected {
    display: block;
    width: 8px;
    height: 25px;
    background-image: url("../img/sidebar-menu-arrow.png");
    float: right;
    position: absolute;
    right:0px;
    top:8px;
}

.page-sidebar ul > li > a > .arrow:before {  
    float: right;
    margin-top: 0px;
    margin-right: 5px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > a > .arrow.open:before {   
    float: right;
    margin-top: 0px;
    margin-right: 3px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

/* bagin: sidebar menu badges */
.page-sidebar-menu li > a > .badge {
    float: right;
    margin-top: 1px;
    margin-right: 13px;
}

/* end: sidebar menu badges */

.page-sidebar-menu .sub-menu {
    padding: 0;
}

.page-sidebar-menu > li > ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 8px 0px 8px 0px;
}

.page-sidebar-menu > li.active > ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 12px;
    padding-left: 44px !important;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

/* 3rd level sub menu */
.page-sidebar-menu > li > ul.sub-menu  > li ul.sub-menu {
    display: none;
    list-style: none;
    clear: both;
    margin: 0px 0px 0px 0px;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow:before   {  
    float: right;
    margin-top: 1px;
    margin-right: 20px;
    display: inline;
    font-size: 16px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li > ul.sub-menu  li > a > .arrow.open:before {   
    float: right;
    margin-top: 1px;
    margin-right: 18px;
    display: inline;
    font-family: FontAwesome;
    height: auto;
    font-size: 16px;
    content: "\f107";
    font-weight: 300;
    text-shadow:none;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu {
    display: block;
}

.page-sidebar-menu > li > ul.sub-menu > li  ul.sub-menu li {
    background: none;
    margin: 0px;
    padding: 0px;
    margin-top: 1px !important;
}

.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a {
    display: block;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px;
    text-decoration: none;
    font-size: 14px;
    font-weight: 300;
    background: none;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
    padding-left: 60px;
}

.page-sidebar-menu > li > ul.sub-menu > li > ul.sub-menu > li > ul.sub-menu > li > a {  
    padding-left: 80px;
}

.page-sidebar-menu > li.active > ul.sub-menu > li.active ul.sub-menu > li.active ul.sub-menu {
    display: block;
}


.page-sidebar-menu > li > ul.sub-menu  li > ul.sub-menu > li > a > i {
    font-size: 13px;
}

/* sidebar search */
.page-sidebar .sidebar-search {
    padding:0;
    margin: 0;
}

.page-sidebar .sidebar-search .form-container {
    margin: 15px 20px 15px 20px;
    height: 35px;
    padding-top: 7px;
}

.page-sidebar .sidebar-search .form-container .submit {  
    display: block;
    float: right;
    margin-top: 3px;
    width: 13px;
    height: 15px;
    background-repeat: no-repeat;
    box-shadow: none;
    border: 0px; 
    padding: 0px;
    outline: none !important;
}

.page-sidebar .sidebar-search .form-container input[type="text"] {
    margin: 0px;
    width: 165px;
    border: 0px;
    padding: 0 !important;
    font-size: 14px !important;
    box-shadow: none !important;
    font-size: 14px;
    font-weight: normal;
}

.page-sidebar .sidebar-search .form-container input[type="text"]:focus {
    outline: none !important;
}

/***
Sidebar toggler(show/hide)
***/
.sidebar-toggler {
    cursor: pointer; 
    opacity: 0.5;
    filter: alpha(opacity=50);
    width: 29px;
    height: 29px;
    background-repeat: no-repeat;
}

.sidebar-toggler:hover { 
    filter: alpha(opacity=100);
    opacity: 1;
}

.page-sidebar .sidebar-toggler {
    margin-top: 15px;
    margin-left: 175px;
}

.header .sidebar-toggler {
    display: inline-block;
    margin-top: 6px;
    margin-left: -42px;
}

.page-sidebar-closed .page-sidebar .sidebar-toggler {  
    margin-left: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container {  
    width: 29px;
    margin-left: 3px; 
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .input-box {  
    border-bottom: 0 !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container input[type="text"] {
    display: none;
}

.page-sidebar-closed .page-sidebar .sidebar-search .form-container .submit { 
    margin-top: 5px !important;
    margin-left: 7px !important;
    margin-right: 7px !important;
    display: block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
    width: 255px;
    position: relative;
    z-index: 1;
    padding-top: 0px;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container input[type="text"] {  
    margin-top: 7px;
    margin-left: 8px;
    padding-left: 10px;
    padding-bottom: 2px;
    width: 185px;
    display: inline-block !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .submit {
    display: inline-block;
    width: 13px;
    height: 13px;
    margin: 11px 8px 9px 6px !important;
}

.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-repeat: no-repeat;
    width: 11px;
    height: 11px;
    margin: 12px 8px 9px 8px !important;
    display: inline-block !important;
    float: left !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a .selected {
    right: -3px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a > .title,
.page-sidebar-closed .page-sidebar-menu > li > a > .arrow {
    display: none !important;
}

.page-sidebar-closed .page-sidebar .sidebar-toggler {
    margin-right: 3px;
}

.page-sidebar-closed .page-sidebar .sidebar-search {
    margin-top: 6px;
    margin-bottom: 6px;
}

.page-sidebar-closed .page-sidebar-menu {
    width: 35px !important;
}

.page-sidebar-closed .page-sidebar-menu > li > a {
    padding-left: 7px;
}

.page-sidebar-fixed.page-sidebar-closed .page-sidebar-menu > li > a {
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.page-sidebar-closed .page-sidebar-menu > li:hover {
    width: 236px !important;
    position: relative !important;
    z-index: 2000;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .selected {
    display: none;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > a > i {
    margin-right: 10px;
}

.page-sidebar-closed .page-sidebar-menu > li:hover .title {
    display: inline !important;
}

.page-sidebar-closed .page-sidebar-menu > li > .sub-menu {
    display: none !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu {  
    width: 200px;
    position: absolute;
    z-index: 2000;
    left: 36px;
    margin-top: 0;
    top: 100%;
    display: block !important;
}

.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu,
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > .sub-menu > li > .sub-menu {
    width: 200px;
}

/* 2rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li:hover > .sub-menu > li > a {
    padding-left: 15px !important;
}

/* 3rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > a {  
    padding-left: 30px !important;
}

/* 4rd level sub menu*/
.page-sidebar-closed .page-sidebar-menu > li > ul.sub-menu > li > .sub-menu > li > .sub-menu > li > a {  
    padding-left: 45px !important;
}

/* sidebar container */

.page-sidebar-closed  .page-sidebar {
    width: 35px;
}

.page-sidebar-closed  .page-content {
    margin-left: 35px !important;
}
.page-sidebar {
    background-color: #3d3d3d;
}
ul.page-sidebar-menu > li > a {
    border-top: none;
    color: #634263 !important;
    font-family: 'Montserrat', sans-serif;
}
ul.page-sidebar-menu > li:last-child > a {
    border-bottom: 1px solid transparent !important;
}
ul.page-sidebar-menu > li a i {
    color: #634263;
}
ul.page-sidebar-menu > li.open > a,
ul.page-sidebar-menu > li > a:hover,
ul.page-sidebar-menu > li:hover > a {
    background: #e8e8e8;
}
ul.page-sidebar-menu > li.active > a {
    background: #e8e8e8 !important;
    border-top-color: transparent !important;
    color: #565090;
}
ul.page-sidebar-menu > li.active > a i {
    color: #565090;
}
ul.page-sidebar-menu > li > ul.sub-menu > li:first-child > a {
    border-top: 0px !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    color: #565090 !important;
    background: #565090 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #565090 !important;
}
/* 3rd level sub menu */
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu li > ul.sub-menu > li > a:hover,
ul.page-sidebar-menu > li > ul.sub-menu li.open > a {
    color: #565090 !important;
    background: #575757 !important;
}
/* font color for all sub menu links*/
ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #bdbdbd;
}
/* menu arrows */
ul.page-sidebar-menu > li > a .arrow:before,
ul.page-sidebar-menu > li > a .arrow.open:before {
    color: #7d7d7d !important;
}
ul.page-sidebar-menu > li > ul.sub-menu a .arrow:before,
ul.page-sidebar-menu > li > ul.sub-menu a .arrow.open:before {
    color: #707070 !important;
}
ul.page-sidebar-menu > li > a > .arrow.open:before {
    color: #8a8a8a !important;
}
ul.page-sidebar-menu > li.active > a .arrow:before,
ul.page-sidebar-menu > li.active > a .arrow.open:before {
    color: #565090 !important;
}
/* sidebar search */
.page-sidebar .sidebar-search input {
    background-color: #242424 !important;
    color: #7d7d7d;
}
.page-sidebar .sidebar-search input::-webkit-input-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-moz-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input:-ms-input-placeholder {
    color: #7d7d7d !important;
}
.page-sidebar .sidebar-search input {
    background-color: #3d3d3d !important;
    color: #bfbfbf !important;
}
.page-sidebar .sidebar-search .input-box {
    border-bottom: 1px solid #7d7d7d !important;
}
.page-sidebar .sidebar-search .submit {
    background-image: url(../../img/search-icon.png);
}
/***
Sidebar toggler
***/
.sidebar-toggler {
    background-image: url(../../img/sidebar-toggler.jpg);
    background-color: #242424;
}
/* search box bg color on expanded */
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container {
    background-color: #3d3d3d !important;
}
.page-sidebar-closed .page-sidebar .sidebar-search.open .form-container .remove {
    background-image: url("../../img/sidebar-search-close.png");
}
/* sub menu bg color on hover menu item */
.page-sidebar-closed ul.page-sidebar-menu > li:hover .sub-menu {
    background-color: #3d3d3d;
}
/* SIDEBAR END */

.page-content .page-breadcrumb.breadcrumb {
    background-color: transparent;
    margin: 0 0 0px;
}
.page-content .page-breadcrumb.breadcrumb > li > a,
.page-content .page-breadcrumb.breadcrumb > li > i,
.page-content .page-breadcrumb.breadcrumb > li > span {
    color: #565090;
    text-transform: uppercase;

}
.page-content .page-breadcrumb.breadcrumb > li > a:hover,
.page-content .page-breadcrumb.breadcrumb > li > a:focus,
.page-content .page-breadcrumb.breadcrumb > li > a:active {
    color: #565090;
}

.page-content .page-breadcrumb.breadcrumb {
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
    box-shadow: none;
    padding-right: 30px;
    padding-left: 8px;
    margin-top: 0px;
    margin-bottom: 10px;
    border:0px !important;  

}

.portlet > .portlet-body.blue, .portlet.blue {
    background-color: #565090 !important;
}

.portlet.box {
    padding:0px !important
}

.portlet.box > .portlet-title {  
    padding:8px 10px 2px 10px;
    border-bottom: 1px solid #eee;
    color: #fff !important;
}

.portlet-body.form {
    background-color: white;
    padding: 20px !important;
    -webkit-box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
    box-shadow: 0 10px 40px 0 rgba(62,57,107,.07), 0 2px 9px 0 rgba(62,57,107,.06);
}

.portlet.box > .portlet-title {  
    padding:8px 10px 2px 10px;
    border-bottom: 1px solid #eee;
    color: #fff !important;
    margin-bottom: 0px;
}


.portlet > .portlet-title > .caption {
    font-size: 18px;
    line-height: 18px;
    font-weight: 400;
    margin: 0;
    padding: 0;
    margin-bottom: 8px; 
}
.portlet > .portlet-title:after {
    clear: both;
}
.portlet.red > .portlet-title > .caption{
    color: #fff;
}

.portlet.box > .portlet-body {
    background-color: #fff;
    padding: 10px;
}

table td input, table td textarea, table td select, form input {
    background-color: #FFFFFF;
    border: 1px solid #E5E5E5;
    border-radius: 0;
    box-shadow: none;
    color: #333333;
    font-size: 14px;
    font-weight: normal;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    background-image: none;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    vertical-align: middle;
}
table td textarea {
    height: auto;
}
table td input.button, form input.button,
table td input.button:focus, form input.button:focus {
    background-color: #565090;
    color: #FFFFFF;
    text-shadow: none;
    margin: 5px 0;
    border: none;
    margin-right: 5px;
    border-radius: .25rem;
}
table td input.button:hover, form input.button:hover{
    background-color: #7671af !important;
}
table td input.button:active,  form input.button:active,
table td input.button.active, form input.button.active{
    background-color: #565090 !important;
}
table td input.button[disabled],  form input.button[disabled],
table td input.button.disabled,  form input.button.disabled {
    background-color: #5ACFD1 !important;
    color: #fff !important;
    outline: none !important;
}

.form-table td {padding:5px; font-size:13px;}
table{
    width: 100%;
    background-color: white;
    color: #404E67;
}
table tr{
    border-bottom: 1px solid rgb(227, 235, 243);
}
table tr:last-child{
    border-bottom: none;
}
.table-custorm {
    font-size:13px;
}
table td{
    padding: 10px;
    font-size: 14p\x;
    vertical-align: middle;
}
.table-custom-head {font-size:14px; font-weight: 700; }
.table-custom-head td {
    border-right:1px solid #fff;
    line-height: 1.5; 
    /*    padding:7px 7px 3px 7px; 
        vertical-align: top;*/
}
.table-data td a {color:#565090;}
.table-custom-head td a {color:#fff;}


ul.page-sidebar-menu li > ul.sub-menu > li > a {
    color: #565090;
}
ul.page-sidebar-menu > li > ul.sub-menu > li.active > a,
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    color: #565090 !important;
    background: #e8e8e8 !important;
}
ul.page-sidebar-menu > li > ul.sub-menu > li > a:hover {
    background: #e8e8e8 !important;
}
ul.page-sidebar-menu li > ul.sub-menu > li > a:hover {
    background: #565090;
}

.foscheck input { display: none; }
.foscheck label { display: block; width: 15px; height: 15px; background: url('../images/checkboxes.png') no-repeat;  }
.foscheck input:checked + label {background: url('../images/checkboxes.png') no-repeat; background-position:-76px 0;   }
.foscheck label span {padding-left:20px; font-weight:normal;}

.btn-blue {
    background:#565090;
    color:#fff;
    border:1px solid #565090;

    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;

}
.btn-red:hover, .btn-red:focus , .btn-red:active {
    background:#000;
    color:#fff;

}


.modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 2000;
    display: none;
    overflow: auto;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    outline: 0;
}
.modal.fade .modal-dialog {
    -webkit-transition: -webkit-transform .3s ease-out;
    -moz-transition:    -moz-transform .3s ease-out;
    -o-transition:      -o-transform .3s ease-out;
    transition:         transform .3s ease-out;
    -webkit-transform: translate(0, -25%);
    -ms-transform: translate(0, -25%);
    transform: translate(0, -25%);
}
.modal.in .modal-dialog {
    -webkit-transform: translate(0, 0);
    -ms-transform: translate(0, 0);
    transform: translate(0, 0);
}
.modal-dialog {
    position: relative;
    width: auto;
    margin: 10px;
}
.modal-content {
    position: relative;
    background-color: #000;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: none;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}
.fade {opacity:1;}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1940;
    background: #565090;
    opacity:1;
}
.modal-backdrop.fade.in
{
    opacity: 0.8; 
}
@media (min-width: 768px) {
    .modal-dialog {
        width: 600px;
        margin:100px auto;
    }
    .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
    }
    .modal-sm {
        width: 300px;
    }
}
@media (min-width: 992px) {
    .modal-lg {
        width: 600px;
    }
}

.modal-header {
    font-family: 'Open Sans';
    color:#fff;
    text-align:center;
    background:#565090;
    border-bottom:0;
    padding:5px;

}
.modal-header h3 {
    font-weight:300;
    font-size:26px;
    margin:5px 0;
    padding:0;
}

.modal-body {color:#fff;}

.modal-body > div ul {
    margin: 0;
    padding: 0 0 30px 20px;
}

.modal-body > div ul li {
    padding: 5px 0;
}

.modal-buttons {padding:10px 0; text-align:center;}


.navbar-user-name {
    display:none;
    color:#634263;
    font-size: 14px;
}
@media(min-width:768px){
    .navbar-user-name {
        display:block;
        color:#634263;
    }
}

table td input{
    height: 40px ;
    padding: .75rem 1rem ;
    font-size: 14px ;
    line-height: 1.25 ;
    color: #4E5154 ;
    background-color: #FFF ;
    background-clip: padding-box ;
    border: 1px solid #BABFC7 ;
    border-radius: .25rem ;
}
table td select{
    height: 40px ;
    padding: .75rem 1rem ;
    font-size: 14px ;
    line-height: 1.25 ;
    color: #4E5154 ;
    background-color: #FFF ;
    background-clip: padding-box ;
    border: 1px solid #BABFC7 ;
    border-radius: .25rem ;
}
input.button{
    color: #FFF;
    background-color: #404E67;
    border-color: #404E67;
}
.breadcrumb > li + li:before {
    padding: 0 5px;
    color: #404E67;
    content: "/\00a0";
    font-size: 16px;
}