
.skin-blue {
    /*.NormalSmartGrid:after{
    content: " ";
    display: block;
    top: auto;
    width: 100%;
    bottom: auto;
    border-bottom: #ff0000 1px solid;
    padding-bottom: 5px;
  }*/
}

    .skin-blue .headerFolder {
        background-color: #4f9300 !important;
    }

    .skin-blue .TopMenu10 {
        background-color: #454545 !important;
    }

    .skin-blue .TopMenu10ItemStyle {
        border: 1px solid #454545 !important;
    }


    .skin-blue .headerTitle {
        font-size: 16px;
    }

    .skin-blue .headerTitleFolder {
        background-color: #4f9300;
    }

        .skin-blue .headerTitleFolder .headerTitle {
            background-color: #4f9300 !important;
            color: #FFFFFF;
            font-size: 16px;
        }

    .skin-blue .inconItem {
        background-color: #0e70b1 !important;
    }


    .skin-blue .iconItemSel {
        color: #fff !important;
        background-color: #555 !important;
        border-color: #555 !important;
    }

    .skin-blue .ListbarHeader {
        background-color: #999999;
        color: #fff;
        border-bottom: 1px solid #e5e5e5;
    }

    .skin-blue .ListbarDefaultItem {
        color: #616161;
    }

    .skin-blue .ListbarDefaultItemSelect {
        background-color: #e5f8fd;
        color: #2b7dbc;
        border-left: 3px solid #0E70B0;
    }

    .skin-blue .ListbarDefaultItemHover {
        /*background-color: #efecca !important;*/
        background-color: #f5f7fa !important;
        color: #2b7dbc;
        border-left: 3px solid #629CC9;
    }

    .skin-blue .sidebar-mini .ListbarDefaultItem {
        color: #fff;
    }

    .skin-blue .sidebar-mini .ListbarDefaultItemSelect {
        color: #454545;
    }

    .skin-blue .sidebar-mini .ListbarDefaultItemHover {
        color: #efecca !important;
    }

@media (max-width:540px) {
    .skin-blue .navbar-toolbar .navbar-menu.in {
        border-top: 2px solid #e5e5e5;
    }
}

.skin-blue .multipage-content {
    background-color: transparent;
}

.NormalButton, .NormalButton:focus {
    background-color: #428bca !important;
    border-color: #428bca !important;
    color: #fff;
}

    .NormalButton:hover, .NormalButton:active, .open > .NormalButton.dropdown-toggle {
        background-color: #1b6aaa !important;
        border-color: #428bca;
    }

    .NormalButton.no-border:hover, .NormalButton.no-border:active {
        border-color: #1b6aaa;
    }

    .NormalButton.no-hover:hover, .NormalButton.no-hover:active {
        background-color: #428bca !important;
    }

    .NormalButton.active {
        background-color: #2f7bba !important;
        border-color: #27689d;
    }

    .NormalButton.no-border.active {
        background-color: #2b72ae !important;
        border-color: #2b72ae;
    }

    .NormalButton.disabled, .NormalButton[disabled], fieldset[disabled] .NormalButton, .NormalButton.disabled:hover, .NormalButton[disabled]:hover, fieldset[disabled] .NormalButton:hover, .NormalButton.disabled:focus, .NormalButton[disabled]:focus, fieldset[disabled] .NormalButton:focus, .NormalButton.disabled:active, .NormalButton[disabled]:active, fieldset[disabled] .NormalButton:active, .NormalButton.disabled.active, .NormalButton[disabled].active, fieldset[disabled] .NormalButton.active {
        background-color: #428bca !important;
        border-color: #428bca;
    }

.skin-blue .NormalButton[disabled] {
    opacity: .65;
    cursor: not-allowed;
    pointer-events: none;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    box-shadow: none;
}

.skin-blue .BtnLookup {
    color: #FFFFFF;
    background-color: #FFFFFF;
    border-color: #FFFFFF;
    border: 0px #FFFFFF;
    height: 50px;
}

.skin-blue .WizardHeader {
    background-color: #0e70b1 !important;
}

.skin-blue .autolookup-img-col input {
    border: 1px solid #7B9EBD;
}

.skin-blue .popupDetail {
    /*background-color: #fcfcfc;*/
    background-color: #fff;
}

    .skin-blue .popupDetail .navbar-top {
        background-color: #454545;
    }

.grid-view-btn {
    display: inline-block;
    color: #FFF !important;
    text-shadow: 0 -1px 0 rgba(0,0,0,.25);
    background-image: none !important;
    border-top: 2px solid #6fb3e0;
    border-right: 5px solid #6fb3e0;
    border-bottom: none;
    border-left: 5px solid #6fb3e0;
    border-radius: 0;
    box-shadow: none !important;
    -webkit-transition: background-color .15s,border-color .15s,opacity .15s;
    -o-transition: background-color .15s,border-color .15s,opacity .15s;
    transition: background-color .15s,border-color .15s,opacity .15s;
    cursor: pointer;
    vertical-align: middle;
    margin: 0;
    position: relative;
    background-color: #fff !important;
    border-color: #fff;
    padding-top: 1px;
    padding-bottom: 0px;
}

.grid-view-icon {
}

/*Multiple lookup*/

.skin-blue .lookup-header {
    color: #fff;
    background-color: #0e70b1 !important;
}

/*------------------*/


/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */

/* Small devices (tablets, 768px and up) */
@media (max-width: 767px) {
    table[id $='AllGridContent'] {
        width: 100%;
        margin-bottom: 15px;
        overflow-x: auto;
        overflow-y: hidden;
        -webkit-overflow-scrolling: touch;
        -ms-overflow-style: -ms-autohiding-scrollbar;
        border: 1px solid #ddd;
    }
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) {
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
}


/*------------------------- Disabled & Read-only input ---------------------------------*/
textarea[disabled],
input[type=text][disabled], input[type=password][disabled],
input[type=datetime][disabled], input[type=datetime-local][disabled],
input[type=date][disabled], input[type=month][disabled], input[type=time][disabled],
input[type=week][disabled], input[type=number][disabled], input[type=email][disabled],
input[type=url][disabled], input[type=search][disabled], input[type=tel][disabled],
input[type=color][disabled], select[disabled], .custom-combobox-input[disabled],
input[type=file][disabled], .ui-state-disabled {
    color: #848484 !important;
    background-color: #eee !important;
    border: solid 1px #d5d5d5 !important;
}

.ui-state-disabled {
    opacity: 1;
}

textarea[readonly],
input[type=text][readonly], input[type=password][readonly],
input[type=datetime][readonly], input[type=datetime-local][readonly],
input[type=date][readonly], input[type=month][readonly], input[type=time][readonly],
input[type=week][readonly], input[type=number][readonly], input[type=email][readonly],
input[type=url][readonly], input[type=search][readonly], input[type=tel][readonly],
input[type=color][readonly], select[readonly] {
    color: #939192;
    background: #f5f5f5 !important;
    border: 1px solid #d5d5d5;
}

    textarea[readonly],
    input[type=text][readonly]:hover, input[type=password][readonly]:hover,
    input[type=datetime][readonly]:hover, input[type=datetime-local][readonly]:hover,
    input[type=date][readonly]:hover, input[type=month][readonly]:hover, input[type=time][readonly]:hover,
    input[type=week][readonly]:hover, input[type=number][readonly]:hover, input[type=email][readonly]:hover,
    input[type=url][readonly]:hover, input[type=search][readonly]:hover, input[type=tel][readonly]:hover,
    input[type=color][readonly]:hover, select[readonly]:hover {
        border-color: #c3c3c3;
    }

.ReadOnlyText {
    color: #939192;
    background: #f5f5f5 !important;
    border: 1px solid #d5d5d5;
}

    .ReadOnlyText:hover {
        border-color: #c3c3c3;
    }

.custom-combobox > input[disabled] + a {
    cursor: not-allowed !important;
    border-color: #c3c3c3 !important;
    color: #939192 !important;
    outline: none;
}
/*-------------------------------------------------------------------------------*/



/*------------------------- Smartgrid -------------------------------*/

*:not([type=checkbox],[type=radio]):focus {
    outline: none !important;
}

/*-------------------------------------------------------------------*/

/*================== bootstrap modal ================================*/

.modal-footer {
    border-top-color: #E4E9EE;
    background-color: #EFF3F8;
}
