html, body {
    height: 100%;
    min-height: 100%;
    margin: 0;
    padding: 0;
    min-width: 1280px;
    min-height: 480px;
}

body {
    /*padding-bottom: 5px;*/
    box-sizing: border-box;
    background: #ffffff;
    padding: 134px 0 0 0;
}

.text-muted {
    margin: 20px 0;
}

.form-login {
    max-width: 335px;
    padding: 0px 15px 5px 15px;
    margin: 0 auto;
    min-height: 100px;
}

    .form-login .form-login-heading {
        margin-bottom: 10px;
    }

    .form-login .form-control {
        position: relative;
        height: auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding: 10px;
        margin-bottom: 5px;
        font-size: 16px;
    }

        .form-login .form-control:focus {
            z-index: 2;
        }

/*----*/

.dropdown-submenu {
    position: relative;
    min-width: 170px;
}

    .dropdown-submenu > .dropdown-menu {
        top: 0;
        left: -95%;
        max-width: 100%;
        margin-top: -6px;
        margin-right: -1px;
    }

    .dropdown-submenu:hover > .dropdown-menu {
        display: block;
    }

    .dropdown-submenu > a:after {
        position: absolute !important;
        margin-top: 0px;
        margin-right: 0px;
        top: 4px;
        margin-left: 5px;
        left: 3px !important;
        display: block;
        content: " ";
        float: left;
        width: 0;
        height: 0;
        border-color: transparent;
        border-style: solid;
        border-width: 5px 5px 5px 0;
        border-right-color: #999;
        margin-top: 5px;
        margin-right: 10px;
    }

    .dropdown-submenu:hover > a:after {
        border-left-color: #ffffff;
    }

    .dropdown-submenu.pull-left {
        float: none;
    }

        .dropdown-submenu.pull-left > .dropdown-menu {
            left: -100%;
            margin-left: 10px;
        }

.dropdown-menu-right {
    margin-left: 0;
}

.languages-menu {
    list-style-type: none;
    position: absolute;
    right: 12px;
    z-index: 100;
    font-size: 12px;
}

    .languages-menu li {
        cursor: pointer;
        float: right;
        margin-left: 6px;
        color: black;
    }

    .languages-menu .active {
        color: #3399f3 !important;
        pointer-events: none;
    }

/*new ones*/
.btn-grid-edit {
    height: 28px;
    padding: 1px 20px;
    line-height: 1.0;
}

.glyphicon-tab {
    top: 2px;
    padding-left: 6px;
    left: 2px;
}

.row-padded {
    margin-left: -10px;
    margin-right: -9px;
    margin-top: 5px;
}

.dropdown-menu > li > a {
    padding: 3px 10px !important;
    padding-left: 20px !important;
}

.tabs-content {
    padding: 0;
    margin: 0;
}

    .tabs-content .tab-panel {
        height: 100%;
        display: none;
        padding: 0;
    }

    .tabs-content .active {
        display: block;
    }

.tab-padding-top {
    margin-top: 10px;
}

.navbar-brand {
    color: black !important;
    font-size: x-large;
    background-position: 4px center;
    opacity: 0.7;
}


.nav-tabs > li > a {
    color: rgb(100, 140, 183);
    padding: 6px 12px;
}

    .nav-tabs > li > a > .glyphicon-tab {
        cursor: pointer;
    }

.nav-tabs > li.active > a {
    color: #345578;
}

.nav-tabs > li > a:hover > .glyphicon-tab {
    opacity: 1;
}

.nav-tabs > li > a > .glyphicon-tab {
    opacity: 0;
}

.nav-tabs > li.active > a > .glyphicon-tab {
    opacity: 1;
}

.nav-tabs li {
    padding-left: 4px;
}

.modal-backdrop {
    background-color: #ffffff;
}

.modal-dialog {
    margin: 84px auto;
}

.modal-header {
    padding: 10px;
    font-size: 24px;

}

.report-header {
    background-color: #ECE9D8;
    height: 70px;
    align-items: center;
    padding-left: 25px;
    padding-right: 25px;
}

    .report-header > div > div {
        padding: 0 !important;
    }

.div-table {
    display: table;
    width: 100%;
}

    .div-table > div {
        display: table-row;
    }

        .div-table > div > div {
            display: table-cell;
            padding: 8px;
            vertical-align: middle;
        }

.div-table-condensed > div > div {
    padding: 4px;
}

.div-table-firstCol-right > div > div:first-child {
    text-align: right;
}

.div-table-right {
    text-align: right;
}

.div-table .control-label {
    padding: 0;
    margin: 0;
}


.center-div {
    height: 100%;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: normal;
    -moz-box-direction: normal;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
}

.modal-custom {
    position: fixed;
    width: 100%;
    height: 100%;
    z-index: 9998;
    background: rgba(0, 0, 0, 0.5);
    left: 0px;
    top: 0px;
}

.modal-body-cst {
    position: relative;
    padding: 15px;
}

.modal-cst {
    position: absolute;
    z-index: 9999;
    vertical-align: middle;
    top: 20%;
    left: 50%;
}

.modal-title-cst {
    margin: 0 auto;
    line-height: 1.42857143;
}

.modal-header-cst {
    min-height: 10px;
    padding: 10px;
    border-bottom: 1px solid #e5e5e5;
}

.modal-footer-cst {
    padding: 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.modal-content-cst {
    position: relative;
    background-color: #fff;
    margin-left: -50%;
    width: 100%;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, .2);
    border-radius: 0px;
    outline: 0;
    -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
    box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

.close-cst {
    float: right;
    font-size: 21px;
    font-weight: bold;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

    .close-cst:hover,
    .close-cst:focus {
        color: #000;
        text-decoration: none;
        cursor: pointer;
        filter: alpha(opacity=50);
        opacity: .5;
    }

button.close-cst {
    -webkit-appearance: none;
    padding: 0;
    cursor: pointer;
    background: transparent;
    border: 0;
}

.ui-grid-toolbar {
    background-color: #EFEFEF;
    height: 30px;
    border: 1px solid #d4d4d4;
}

    .ui-grid-toolbar .toolbar-label {
        margin-right: 30px;
        margin-left: 4px;
        font-size: larger;
        font-weight: bold;
        text-decoration: underline;
        float: left;
        margin-top: 2px;
    }

    .ui-grid-toolbar button:first-child {
        margin-left: 1px;
    }

    .ui-grid-toolbar button {
        background-color: transparent;
        margin-top: 1px;
        width: 32px;
        height: 26px;
        border: 0;
    }

        .ui-grid-toolbar button:hover {
            background-color: #B7E4F1;
        }


.ui-grid-cell-padding {
    padding: 4px;
}

.ui-grid-cell-center {
    text-align: center;
}

.ui-grid-cell-valign-down {
    vertical-align: bottom;
}

.ui-grid-cell-contents {
    padding: 4px;
}

.ui-grid-filter-button [class^="ui-grid-icon"] {
    margin-top: -18px !important;
    right: 4px !important;
}

.ui-grid-filter-container {
    padding: 0px 4px 4px 4px;
}

.ui-dialog-titlebar-close {
    border: 0px !important;
    background: transparent !important;
}

input[type="text"].ui-grid-filter-input {
    padding: 0px 4px;
}

.caret-up {
    width: 0;
    height: 0;
    border-left: 4px solid rgba(0, 0, 0, 0);
    border-right: 4px solid rgba(0, 0, 0, 0);
    border-bottom: 4px solid;
    display: inline-block;
    margin-left: 2px;
    vertical-align: middle;
}
/*for opening menu on hover*/

ul li:hover #menuitems {
    display: block;
}

ul li:hover #userMenu {
    display: block;
}

/*table related styles*/

.cellNoTruncate {
    white-space: nowrap;
}

.cellCenter {
    text-align: center;
}

.refreshButtonClass {
    margin-bottom: 15px;
    margin-left: 8px;
}

.oneOptionCell {
    text-align: center;
    width: 32px;
    vertical-align: middle;
}

.twoOptionsCell {
    text-align: center;
    width: 50px;
    vertical-align: middle;
}

    .twoOptionsCell > div {
        float: left;
    }

        .twoOptionsCell > div:first-child {
            margin-right: 8px;
        }

.threeOptionsCell {
    text-align: center;
    width: 80px;
    vertical-align: middle;
}

    .threeOptionsCell > div {
        float: left;
        margin-right: 8px;
    }

        .threeOptionsCell > div:last-child {
            float: left;
            margin-right: 0px;
        }

.xt-error {
    border: 1px solid red;
    color: red;
}

    .xt-error:focus {
        border: 1px solid red;
        box-shadow: 0 0 2px red;
    }

.tooltip-inner {
    background-color: #CF2C2C;
    border-radius: 4px;
}

.tooltip-arrow {
    border-bottom-color: #CF2C2C !important;
}

.input-group-addon-desc {
    border-left-width: 0px;
    width: 60% !important;
    text-align: left;
}

.input-group-button {
    border-left: 1px solid #1967BE;
    margin-left: 1px;
}

.draggable-entity {
    display: inline-block;
    border: 1px solid #708090;
    border-radius: 10px 10px 10px 0px;
    background-color: white;
    height: 24px;
    cursor: pointer;
    text-align: center;
    padding: 0px 8px;
}

    .draggable-entity:hover {
        background-color: azure;
        -webkit-box-shadow: 0px 0px 3px #2780E3;
        -moz-box-shadow: 0px 0px 3px #2780E3;
        box-shadow: 0px 0px 3px #2780E3;
    }

.draggable-entity-picked {
    position: absolute;
    z-index: 10001;
    -webkit-box-shadow: 0px 0px 3px #2780E3;
    -moz-box-shadow: 0px 0px 3px #2780E3;
    box-shadow: 0px 0px 3px #2780E3;
}

.action-link {
    color: #3399f3;
    cursor: pointer;
}

.form-control {
    padding: 6px 8px !important;
}

.btn {
    padding: 4px 8px;
}



.fa {
    width: 24px !important;
}

.menu-item {
    text-transform: capitalize !important;
    font-family: Arial, sans-serif !important;
	color: #005080 !important;
}

    .menu-item:hover {
        background-color: #00C0F0 !important;
        color: #005080 !important;
    }

.vision-menu .fa {
    font-size: 30px !important;
    text-align: center !important;
    width: 100px !important;
}

.vision-menu .dropdown-menu {
    min-width: 430px !important;
}

    .vision-menu .dropdown-menu > li {
        width: 100px !important;
        float: left !important;
        overflow: hidden !important;
        margin-bottom: 10px !important;
    }

        .vision-menu .dropdown-menu > li > a {
            padding: 0px !important;
            white-space: normal !important;
            text-align: center !important;
            width: 100px !important;
            min-height: 92px;
        }

.vision-menu .menuSubItemCustom {
    white-space: normal !important;
    text-align: center !important;
    width: 100px !important;
}

.vision-menu .menu-item {
    color: #fff !important;
}

.navbar-custom .vision-menu .navbar-brand {
    color: #fff !important !important;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    text-decoration: none !important;
    background-color: #eee !important;
    color: #0090C0;
}

.navbar-custom {
    color: #000 !important;
}

.messages-side {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    padding: 8px;
    width: 164px;
    background-color: #f5f5f5;
    overflow: auto;
}

.messages-new {
    background-color: rgba(0, 140, 240, 0.79) !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    color: white !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
    display: inline-block;
    vertical-align: text-top;
}

.alerts-new {
    background-color: rgba(230, 66, 66, 0.79) !important;
    padding-left: 3px !important;
    padding-right: 3px !important;
    color: white !important;
    border-radius: 3px !important;
    margin-left: 5px !important;
    display: inline-block;
    vertical-align: text-top;
}

.messages-content {
    position: absolute;
    top: 0;
    left: 196px;
    bottom: 0;
    right: 0;
    overflow: auto;
}

    .messages-content h2 {
        font-size: 16px;
        font-weight: normal;
    }

.btn .caret {
    margin-left: 16px;
}

.unread-message {
    text-align: center;
    margin: 1em;
}

.btn-compose {
    width: 120px;
    margin-bottom: 2em;
}

.fa-disp {
    display: inline !important;
}

.messages-side .active {
    color: #fff !important;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
    background-color: rgba(82, 147, 122, 0.47);
    cursor: pointer;
}

.messages-side a:hover {
    color: #003300 !important;
    background-color: rgba(92, 212, 166, 0.47) !important;
    cursor: pointer;
}

.messages-side .active a {
    color: #ffffff !important;
    cursor: pointer;
}

    .messages-side .active a:hover {
        color: #003300 !important;
        background-color: rgba(92, 212, 166, 0.47) !important;
        cursor: pointer;
    }

.padding-li8 {
    padding: 8px !important;
}

.tipe-message {
    color: rgba(6, 97, 31, 0.69);
}

.action-link {
    color: #2dA0D0;
}

.table-striped tr:hover {
    background-color: rgba(0, 160, 208, 0.47) !important;
    cursor: pointer;
}

.container-message {
    width: 100%;
    border: 1px solid #6deda8;
}

    .container-message .header {
        width: 100%;
    }

    .container-message div {
        width: 100%;
    }

    .container-message .header {
        background-color: rgba(109, 237, 168, 0.46);
        padding: 2px;
        cursor: pointer;
        font-weight: bold;
    }

.home-content-left {
    float: left;
    width: 50%;
    padding: 2px;
}

.home-content-right {
    float: right;
    width: 50%;
    padding: 2px;
}

.login-form {
    position: relative;
    left: 50%;
    max-width: 500px !important;
    transform: translate(-50%, 50%);
}

.buton-region {
    display: block;
}

.btn-login-form {
    width: 150px;
    float: left;
    margin-left: 2px;
}

.login-content {
    border: 1px solid #345578;
    -webkit-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
    border-color: white;
    border-width: 3px;
    border-radius: 2px;
    background-color: white;
}

.separator {
    border-bottom: rgba(71, 132, 66, 0.68) solid 1px !important;
    -webkit-box-shadow: none;
    margin: 0px !important;
    padding-top: 8px;
    display: table-row;
}

.separator-title {
    margin-left: 34px;
    color: rgba(71, 132, 66, 0.68);
    margin-bottom: 1px;
    border-bottom: rgba(71, 132, 66, 0.68) solid 1px !important;
}

.inputWrapper {
}

.fileInput {
    max-width: 130px;
    color: #ffffff;
}

.warningField {
    background-color: #ffaa00;
    background-color: rgba(255, 170, 0, 0.3);
}

/*/////////////////////////////////////////////////////////////*/

td {
    padding: 3px 0px;
}

input.form-control,
select.form-control {
    height: 30px !important;
    padding: 3px 8px !important;
}

label {
    font-size: 13px;
}

.table-padding td {
    padding-right: 20px;
}

input[type="file"].form-control {
    height: auto !important;
}

.main-menu .dropdown:hover > .dropdown-menu {
    display: block;
}

.main-menu .dropdown > .dropdown-menu li:hover > .dropdown-menu {
    display: block;
}

.main-menu .dropdown > .dropdown-menu li > .dropdown-menu {
    left: 100%;
    margin-top: -30px;
    top: unset;
}

.main-menu .dropdown-menu > li > a {
    padding-left: 10px !important;
}

.menuSubItemCustom {
    display: inline-block;
    margin-left: 2px;
}

.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:focus, .navbar-default .navbar-nav > .open > a:hover {
    color: #fff !important;
    background-color: transparent;
    opacity: 1;
}


.navbar-custom {
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .15), 0 1px 5px rgba(0, 0, 0, .075);
    border-radius: 0;
    color: black !important;
    background-image: -webkit-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
    background-image: -o-linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#6d94bf), color-stop(50%, #446e9b), to(#3e648d));
    background-image: linear-gradient(#6d94bf, #446e9b 50%, #3e648d);
    background-repeat: no-repeat;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6d94bf', endColorstr='#ff3e648d', GradientType=0);
    -webkit-filter: none;
    filter: none;
    border: 1px solid #345578;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.3);
}

    .navbar-custom .navbar-nav > li > a {
        color: #fff !important;
        font-size: 14px !important;
        opacity: .7;
    }

    .navbar-custom .navbar-brand {
        color: #fff !important;
    }

.navbar-brand {
    background: transparent url("../images/Portal_White.png") no-repeat scroll 6px 14px / 28px auto;
    padding-left: 43px;
    font-size: 18px !important;
    opacity: 1;
}

.menu-item:hover {
    background-color: transparent !important;
    color: #fff !important;
    opacity: 1 !important;
}

.languages-menu li {
    color: black
    opacity: .7;
}

.languages-menu .active {
    color: #000!important;
    pointer-events: none;
    font-weight:bold;
}

.has-children:after {
    position: absolute !important;
    margin-top: 0px;
    margin-right: 0px;
    top: 4px;
    right: 3px !important;
    display: block;
    content: " ";
    float: left;
    width: 0;
    height: 0;
    border-color: transparent transparent transparent #999999;
    border-style: solid;
    border-width: 4px 0px 4px 5px;
    margin-top: 5px;
    margin-right: 10px;
}

.main-menu .dropdown-menu li {
    position: relative;
}

.table-cell-align-right {
    text-align: right;
    padding-right: 5px;
}

.noborder-inputs .form-control {
    border: none;
    box-shadow: none;
}

    .noborder-inputs .form-control:hover {
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
        border: 1px solid #ccc;
        border-radius: 4px;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    }

    .noborder-inputs .form-control:focus {
        border: 1px solid #66afe9;
        outline: 0;
        -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
        box-shadow: inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,.6);
    }

.noborder-inputs td {
    padding: 0px 2px !important;
    vertical-align: middle !important;
}

.noborder-inputs .btn-default {
    border: none;
}

.flow-active:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 26px;
    border-color: transparent transparent transparent rgb(245, 245, 245);
    content: "";
    position: absolute;
    left: 0;
}

.flow-active:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 26px;
    border-color: transparent transparent transparent #3399ff;
    content: "";
    position: absolute;
    right: -26px;
}

.flow-inactive:before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 26px;
    border-color: transparent transparent transparent rgb(245, 245, 245);
    content: "";
    position: absolute;
    left: 0;
}

.flow-inactive:after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 13px 0 13px 26px;
    border-color: transparent transparent transparent #eae9e9;
    content: "";
    position: absolute;
    right: -26px;
}

.flow-inactive,
.flow-active {
    position: relative;
    margin-right: 20px;
    line-height: 26px;
    padding-left: 26px;
    height: 26px;
}

.table-nowrap,
.table-nowrap tbody,
.table-nowrap tr {
    display: block;
}

    .table-nowrap td,
    .table-nowrap .flow-inactive,
    .table-nowrap .flow-active {
        display: inline-block;
        border-top: none !important;
    }

    .table-nowrap .flow-inactive,
    .table-nowrap .flow-active {
        padding-right: 10px;
        padding-left: 40px;
    }


@media(min-width:767px) and (max-width:1470px) {
    .navbar-right > li > div > .navbar-nav > .dropdown > .dropdown-toggle {
        font-size: 0px !important;
    }

        .navbar-right > li > div > .navbar-nav > .dropdown > .dropdown-toggle .glyphicon {
            font-size: 14px !important;
        }

        .navbar-right > li > div > .navbar-nav > .dropdown > .dropdown-toggle .caret {
            margin-top: -12px;
        }
}

@media(min-width:767px) and (max-width: 1300px) {
    .navbar-nav {
        float: unset;
    }

    #bs-example-navbar-collapse-1,
    .navbar-header {
        display: inline !important;
    }

    .navbar-brand {
        background: transparent url("../images/Portal_White.png") no-repeat scroll 43px 14px / 28px auto;
        padding-left: 5px;
        padding-top: 45px;
    }

    .navbar-right {
        margin-top: -50px;
    }

    .main-menu {
        margin-right: 40px;

    }
}

@media(max-width:767px) {
    .table-responsive-1col,
    .table-responsive-1col table,
    .table-responsive-1col tbody,
    .table-responsive-1col tr,
    .table-responsive-1col td,
    .table-responsive-1col thead,
    .table-responsive-1col th {
        display: block;
        width: 100% !important;
    }

        .table-responsive-1col .table-cell-align-right,
        .table-responsive-1col td {
            text-align: left;
            padding-right: 0px;
        }
}

.tableTextEllipsis {
    max-width: 100%;
    table-layout: fixed;
}

    .tableTextEllipsis td {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .tableTextEllipsis th {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

body {
    background: #f5f5f5 !important;
}
.panel-default>.panel-heading {
    color: #333;
    background-color: #fff !important;
    border-color: #ddd;
    border-bottom: none;
	padding:16px;
}
.panel-title {
    font-weight: bold;
}
.panel-default {
	background: #fff !important;
    border-color: #ddd;
   /* box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);*/
}
.btn-primary {
    color: #fff;
    background-color: #03A9F4 !important;
    border: none;
    padding: 5px 10px !important;
}
.btn-primary:not([disabled]):hover {
	    background-color: #0277BD !important;
		border: none !important;
}
.btn-default {
	    background-color: rgba(158, 158, 158, 0.2);
    border: none !important;
    padding: 4px 8px !important;
    font-size: 14px;

}
.btn-danger {
    color: #fff;
    background-color: #d9534f;
    border-color: #d43f3a;
}
.btn-default:hover {
    color: #333;
    background-color: rgba(0,0,0,0.2);
    border: none !important;
}
.btn:active,
.btn:focus {
	outline: 0px !important;
	box-shadow: none !important;
}
.btn {
	    transition: box-shadow 0.4s cubic-bezier(0.25, 0.8, 0.25, 1), background-color 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}
.modal-backdrop {
        background-color: rgba(33,33,33,1.0);
}
.modal-body {
	background: #fff;
}
body {
  font-family: Roboto, "Helvetica Neue", sans-serif !important;
}
.md-table tbody th,
.md-table th{
  color: rgba(0,0,0,.54);
  font-size: 12px;
  font-weight: 700;
  white-space: nowrap;
  border-top: none;
}
.table>tbody>tr>td,
.table>tbody>tr>th,
.table>tfoot>tr>td,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>thead>tr>th {
  vertical-align: middle;
  border-top: 1px rgba(0,0,0,.12) solid;
  color: rgba(0,0,0,.87);
  font-size: 13px;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.md-table tbody th,
.md-table th{
  color: rgba(0,0,0,.54) !important;
  font-size: 12px !important;
  font-weight: 700;
  white-space: nowrap;
  line-height: 40px !important;
  border-top: none !important;
}
.md-table>tbody>tr>td,
.md-table>tfoot>tr>td,
.md-table>thead>tr>td {
  vertical-align: middle;
  color: rgba(0,0,0,.87);
  font-size: 13px !important;
  font-family: Roboto, "Helvetica Neue", sans-serif;
  border-top: 1px solid #dedede;
}
.md-table>tbody>tr>td,
.md-table>tbody>tr>th,
.md-table>tfoot>tr>td,
.md-table>tfoot>tr>th,
.md-table>thead>tr>td,
.md-table>thead>tr>th {
  vertical-align: middle;
  font-family: Roboto, "Helvetica Neue", sans-serif;
}
.md-card .panel-heading {
  padding: 24px 16px 16px;
  font-family: Roboto;
  font-size: 24px;
  font-weight: 400;
  line-height: 32px;
  position: relative;
}
.page-header h1 {
  color: #202020 !important;
  font-weight: normal;
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
}
.page-header { 
  margin-top:10px;
}
.page-header h2 {
  color: #3F51B5 !important;
  font-weight: normal;
}
.sub-head {
  color: #999;
  font-style: italic;
  font-size: 13px;
}
.grayded-out {
  color: rgba(0,0,0,0.65) !important;
}
.italic {
  font-style: italic !important;
}
.text-value {
  margin-left: 4px;
}
.text-group {
  margin: 12px 0px;
}
.panel-body {
  padding-top: 0px;
}
.header-actions {
  position: absolute;
  right: 16px;
  top: 16px;
}
.header-actions .material-icons,
.icon-button .material-icons{
   width: 30px;
   height: 30px;
   border-radius: 50%;
   text-align: center;
   line-height: 30px;
   cursor: pointer;
   transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);

 }
.more-dropdow .material-icons:hover,
.icon-button:hover .material-icons {
  background: #ededed;
}
.more-dropdow .material-icons:active,
.more-dropdow .material-icons:focus,
.icon-button:active .material-icons,
.icon-button:focus .material-icons{
  background: #ddd;
}
.more-dropdown button{
  background: #fff;
  border: none;
  width: 100%;
  display: block;
  min-width: 150px;
  text-align: left;
  font-size: 14px;
}
.more-dropdown button:hover {
  background: #eee;
}
.more-dropdown button:active,
.more-dropdown button:focus {
  background: #ddd;
}
.more-dropdown {
  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.2), 0px 1px 1px 0px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(0, 0, 0, 0.12);
  position: absolute;
  display: none;
  right: 0px;
  top:0px;
  background: #fff; 
  z-index:999;
}
.more-dropdown .icon-container {
  display: inline-block;
  width: 29px;
  height: 22px;
}
.more-dropdown .icon-container .material-icons {
  position: absolute;
  font-size: 19px;
}
.table-row-actions {
  position:relative;
}
.table-row-actions .more-dropdown .material-icons {
  width: 30px;
  height: 30px;
  border-radius: 50%;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}
.header-actions:hover .more-dropdown,
.table-row-actions:hover .more-dropdown{
  display: block;
}
.text-label.info {
  color: #2196F3;
}
.text-label.info {
  color: #1976D2;
}
.text-value.italic.info {
  color: #1565C0;
}
.icon-button {
  background: #fff;
  border: none;
  box-shadow: none;
  padding: 0px !important;
  border-radius: 50%;
  width: 30px;
  height: 30px;
  margin: 0px 6px;
}
.material-icons.blue {
  color: #2196F3;
}
.material-icons.red {
  color: #F44336;
}
.material-icons.bigger {
  font-size: 35px;
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.header-actions .bigger {
  margin-top: -10px;
  margin-right: -12px;
}
button:active,
button:focus {
  outline: 0px !important;
}
.material-icons.green {
  color: #4CAF50;
}
.md-table.selectable-row tr:hover {
  background-color: rgba(0,0,0,0.05);
}
.md-table.selectable-row.has-action tr {
  cursor: pointer;
}
.table-row-actions > .material-icons {
  padding-top: 3px;
}
.navbar-custom {
  min-height: 64px;
  background-image: none !important;
  border: none !important;
  background: #fff !important;
  text-shadow: none !important;
  box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 0px 2px 2px rgba(0, 0, 0, 0.098), 0px 0px 5px 1px rgba(0, 0, 0, 0.084);
}
.navbar-custom .navbar-nav > li > a {
  /*main menu font*/
  font-size: 16px !important;
  color: #202020 !important;
  opacity: 1 !important;
  font-weight: 500;
  text-shadow: none !important;
  letter-spacing: 0.025em;
  line-height: 34px;
  
}
.navbar-custom .navbar-nav > li:hover {
  /*background: rgba(0, 0, 0, 0.06);*/
  background: rgba(176, 196, 223, 0.2);
}

.navbar-custom .navbar-nav > li ul {
border: none !important;
box-shadow: 0px 2px 4px -1px rgba(0, 0, 0, 0.2), 0px 4px 5px 0px rgba(0, 0, 0, 0.14), 0px 1px 10px 0px rgba(0, 0, 0, 0.12) !important;
}
.navbar-custom .navbar-right .navbar-nav {
  box-shadow: none !important;
}
.navbar-brand {
  background: transparent url('../images/logo.png') no-repeat;
  padding-left: 43px;
  font-size: 0px !important;
  background-size: 137px;
  opacity: 1;
  width: 153px;
  margin-top: 8px;
  margin-left: -6px !important;
  background-position: center;
}
.user-icon {
  font-size: 48px !important;
  position: absolute;
  left: -45px;
  color: #651FFF;
  top: 8px;
}

.modal-content {
    box-shadow: 0 7px 8px -4px rgba(0,0,0,.2), 0 13px 19px 2px rgba(0,0,0,.14), 0 5px 24px 4px rgba(0,0,0,.12);
    border: none !important;
	border-radius: 4px !important;
}
.modal-body {
	border-radius: 4px;
}
.modal-header {
    border: none;
}
button.btn-success {
    background-color: #4CAF50 !important;
}
button.btn-success:hover {
    background-color: #388E3C !important;
}
.breadcrumb-container + .page-header h2 {
    margin-top: 6px;
}
.breadcrumb-container + .page-header {
    margin-top: 0px;
}
.breadcrumb-container .breadcrumb-items a{
    color: #757575;
	    font-size: 12px;
}
.breadcrumb-container {
	margin-top: 0px;
}
.breadcrumb-container .breadcrumb-items a:before {
    content: "|";
	margin:0px 4px;
}
.breadcrumb-container .breadcrumb-items a:first-child:before {
    content: "";
}
.breadcrumb-container .breadcrumb-items a:last-child:before {
    content: "\276D";
	margin:0px 4px;
}
.breadcrumb-container .breadcrumb-items a:last-child {
color: #2196F3;
}
/* fallback */
@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url(https://fonts.gstatic.com/s/materialicons/v29/2fcrYFNaTjcS6g4U3t-Y5ZjZjT5FdEJ140U2DJYC3mY.woff2) format('woff2');
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

/* cyrillic-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/ek4gzZ-GeXAPcSbHtCeQI_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F;
}
/* cyrillic */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/mErvLBYg_cXG3rLvUsKT_fesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/-2n2p-_Y08sg57CNWQfKNvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/u0TOpm082MNkS5K0Q4rhqvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/NdF9MtnOpLzo-noMoG0miPesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0102-0103, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/Fcx7Wwv8OzT71A3E1XOAjvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Roboto';
  font-style: normal;
  font-weight: 400;
  src: local('Roboto'), local('Roboto-Regular'), url(https://fonts.gstatic.com/s/roboto/v16/CWB0XYA8bzo0kSThX0UTuA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215;
}

@media(max-width:1280px) {
	html, body { 
    min-width: initial;
}
.login-content {
	margin: 16px;
}
.login-content .modal-body .row.form-inline {
	    margin-top: 20px;
}
}
@media(max-width:700px) {
    .list-header{
		min-width: 600px;
	}
	.panel-body table{ 
        min-width: 600px;
	}
	.md-card .panel-heading {
		padding-right: 60px;
	}
	.modal-dialog {
		margin: 70px 0px
	}
	.modal-header .close {
		margin-top: -2px;
		position: absolute;
		right: 10px;
		top: 2px;
		font-size: 50px !important;
	}
	.modal-header {
		border: none;
		padding-right: 42px;
	}
	.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse {
    max-height: initial;
}
nav .dropdown-menu {
	position: relative;
	    width: 100% !important;
    padding-left: 20px;
}
nav .dropdown-menu > li > a {
    padding: 15px 12px !important;
}
.main-menu .dropdown > .dropdown-menu li > .dropdown-menu { 
	    position: relative;
    width: 100% !important;
    left: initial;
    margin-top: 0px;
    margin-left: 20px;
	box-shadow : none !important;

}
.flex-columns-layout {
	overflow: scroll !important;
	
}
.flex-row-fill {
	min-width: 700px;
}
}
.datepicker-dropdown {
	z-index: 9999 !important;
}

.apps-icon {
    float: left;
	width: 35px;
	height: 35px;    
	background-image: url("../images/cms_icon.png");
	background-repeat:no-repeat;
    background-size:contain;

    }
.apps-icon:hover {
    float: left;
	width: 35px;
	height: 35px; 
	background: url("../images/cms_icon-hover.png");
	background-repeat:no-repeat;
    background-size:contain;
    }
	
.apps-icon:active  {
    float: left;
	width: 35px;
	height: 35px; 
	background: url("../images/cms_icon-hover.png");
	background-repeat:no-repeat;
    background-size:contain;

    }
.control-label {
	font-size: 12px!important;
	font-weight: 500!important;
  	display: contents!important;
  }
.label {
	font-size: 12px!important;
	font-weight: 500!important;
  	display: contents!important;
}