/* open-sans-300 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    src: url('/fonts/google/open-sans-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-300italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 300;
    src: url('/fonts/google/open-sans-v18-latin-300italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-300italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: url('/fonts/google/open-sans-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 400;
    src: url('/fonts/google/open-sans-v18-latin-italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 600;
    src: url('/fonts/google/open-sans-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-600.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-600italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 600;
    src: url('/fonts/google/open-sans-v18-latin-600italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-600italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    src: url('/fonts/google/open-sans-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-700italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 700;
    src: url('/fonts/google/open-sans-v18-latin-700italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-700italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800 - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 800;
    src: url('/fonts/google/open-sans-v18-latin-800.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-800.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}
/* open-sans-800italic - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: italic;
    font-weight: 800;
    src: url('/fonts/google/open-sans-v18-latin-800italic.eot'); /* IE9 Compat Modes */
    src: local(''), url('/fonts/google/open-sans-v18-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('/fonts/google/open-sans-v18-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-800italic.woff') format('woff'), /* Modern Browsers */
    url('/fonts/google/open-sans-v18-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
    url('/fonts/google/open-sans-v18-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}
.useless, .aspNetHidden {
    display: none;
}

.negtiveColor {
    color: red;
}

#contentX {
    padding: 0px !important;
}

.disabledBg {
    background-color: #eeeeee;
}

td.tdColEdit {
    max-width: 25px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.text-strike {
    text-decoration: line-through;
}

.text-bold {
    font-weight: bold;
}

.fleft {
    float: left
}

.fright {
    float: right
}

.fcenter {
    margin-left: auto;
    margin-right: auto;
}
/* You must have to set some width to the element */
.login-info img {
    border-left: 0px solid #fff;
}

.formsection, .panelHeading, .sectionHeading {
    background-color: #4682B4;
    text-transform: uppercase;
    color: #FFF;
    padding: 6px 5px 5px;
    clear: both;
}

.btnSaveClose {
    background-image: url("../img/saveClose.png");
    background-position: center;
    background-repeat: no-repeat;
    width: 35px;
    height: 33px;
}


.aspBtnSave {
    background-image: url("../img/saveWhite.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    padding-left: 30px;
}

.showOnlyWithTopMenu {
    display: none
}

.menu-on-top .showOnlyWithTopMenu {
    display: inline;
}

.modal-header-bg-magenta {
    background: #6e3671 !important;
    color: white;
}

.bottomBorderMagenta {
    border-bottom: 5px solid #6e3671;
}
/*.modal-header-bg-blueDark {
    background: #4c4f53 !important;
    color: white;
}*/
@media screen and (max-width: 1366px) {
    .openRightSideBarOnModal {
        margin: auto 60px !important;
        background-color: red;
    }
}

@media screen and (max-width: 1280px) {
    .openRightSideBarOnModal {
        margin: 10px !important;
        background-color: yellow;
    }
}


.modal-header-bg-blueDark {
    background: #034f84 !important;
    color: white;
}

.bottomBorderBlueDark {
    border-bottom: 5px solid #034f84;
}


.modal-header-bg-redLight {
    background: #a65858 !important;
    color: white;
}

.bottomBorderRedLight {
    border-bottom: 5px solid #a65858;
}


.modal-header-bg-orangeDark {
    background: #a57225 !important;
    color: white;
}

.bottomBorderOrangeDark {
    border-bottom: 5px solid #a57225;
}

.modal-header-bg-LightBrown {
    background: #C79121 !important;
    color: white;
}

#optLblLeaveAwaiting, .bottomBorderLightBrown {
    border-bottom: 5px solid #C79121;
}

.modal-header-bg-LightGreen {
    background: #71843F !important;
    color: white;
}

#optLblLeaveApproved, .bottomBorderLightGreen {
    border-bottom: 5px solid #71843F;
}

.modal-header-bg-DarkPink {
    background: #A90329 !important;
    color: white;
}

#optLblLeaveRejected, .bottomBorderDarkPink {
    border-bottom: 5px solid #A90329;
}

.modal-header-bg-Gray {
    background: #404040 !important;
    color: white;
}

#optLblLeaveCanceled, .bottomBorderGray {
    border-bottom: 5px solid #404040;
}

.modal-header-bg-LightBlue {
    background: #3A87AD !important;
    color: white;
}

#optLblLeaveTaken, .bottomBorderLightBlue {
    border-bottom: 5px solid #3A87AD;
}

.bg-success {
    background-color: #739e73;
}
.smart-form input:focus, .smart-form textarea:focus, input:focus, textarea:focus {
    background-color: #d9edf7;
    color: #000000;
}
/* PURPOSE: I AM TRYING TO OVER RIGHT SMAdmin CSS with My LOGIC*/
/* To Handle Yellow Auto Fill Color 
input[type="text"]:focus, input[type="password"]:focus {
-webkit-box-shadow: 0 0 0px 1000px #fafafa inset !important;
}



input[type="text"]:-webkit-autofill, 
input[type="text"]::-webkit-autofill:focus,
input[type="text"]::focus:-webkit-autofill, 
input[type="text"]:-webkit-autofill:focus,  
input[type="text"]:focus:-webkit-autofill ,
	input[type="password"]:-webkit-autofill, 
	input[type="password"]::-webkit-autofill:focus,
	input[type="password"]::focus:-webkit-autofill, 
	input[type="password"]:-webkit-autofill:focus,  
	input[type="password"]:focus:-webkit-autofill  
{
	-webkit-box-shadow: inset 0 0px 1000px #fafafa  !important;
}
/* /To Handle Yellow Auto Fill Color */
/* PlaceHolder */
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    font-style: italic;
}

/* Firefox 18- */
input:-moz-placeholder,
textarea:-moz-placeholder {
    font-style: italic;
}

/* Firefox 19+ */
input::-moz-placeholder,
textarea::-moz-placeholder {
    font-style: italic;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    font-style: italic;
}
/* /PlaceHolder */




#header-x /*Top Logo Section*/ {
    background-color: transparent;
    background-image: none;
    background: linear-gradient(to right, #3A3633 93%, #2A2725 100%) repeat scroll 0% 0% transparent;
}

.menu-on-top .menu-item-parent {
    max-width: 200px;
}

.dbDashed {
    border-bottom: 1px dashed #e1dede;
}

.highlightDivRow:hover {
    background-color: #FFF0A5
}
/* Highlight Input Boxes */
.generalForm input[type="checkbox"] {
    vertical-align: middle;
}

.generalForm input[type="text"],
.generalForm input[type="password"] {
    padding: 2px 4px 2px 4px;
}

.generalForm input[type="text"],
.generalForm input[type="password"],
.generalForm textarea {
    border-radius: 5px 5px 5px 5px;
    border: 1px solid #BDBDBD;
    margin: 2px;
}

    .generalForm input[type="text"]:focus,
    .generalForm input[type="password"]:focus,
    .generalForm textarea:focus,
    .generalForm input[type="text"]:hover,
    .generalForm input[type="password"]:hover,
    .generalForm textarea:hover {
        border-color: #418ACC;
        /* IE6-9 */
    }

.generalForm input[type="file"]:focus,
.generalForm input[type="radio"]:focus,
.generalForm input[type="checkbox"]:focus,
.generalForm select:focus {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    outline: thin dotted #333;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
}
/* /Highlight Input Boxes */

/* Animated Button [ this is using at Payment/Receipt/Contra Form ]*/
.anibutton {
    font-size: 1.1em;
    font-weight: bold;
    text-transform: uppercase;
    padding: 10px 15px;
    color: #ccc;
    background-color: #555;
    background: -webkit-linear-gradient(#888, #555);
    /* background: linear-gradient(#888, #555); */
    border: 0 none;
    /* border-radius: 3px; */
    /* text-shadow: 0 -1px 0 #000; */
    box-shadow: 0 1px 0 #666, 0 5px 0 #444, 0 6px 6px rgba(0,0,0,0.6);
    cursor: pointer;
    -webkit-transition: all 150ms ease;
    /* transition: all 150ms ease; */
    animation: none;
}

    .anibutton:hover, .anibutton:focus {
        -webkit-animation: pulsate 1.2s linear infinite;
        animation: pulsate 1.2s linear infinite;
    }

@-webkit-keyframes pulsate {
    0% {
        color: #ddd;
        text-shadow: 0 -1px 0 #000;
    }

    50% {
        color: #fff;
        text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
    }

    100% {
        color: #ddd;
        text-shadow: 0 -1px 0 #000;
    }
}

@keyframes pulsate {
    0% {
        color: #ddd;
        text-shadow: 0 -1px 0 #000;
    }

    50% {
        color: #fff;
        text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
    }

    100% {
        color: #ddd;
        text-shadow: 0 -1px 0 #000;
    }
}

.anibutton:active {
    color: #fff;
    text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
    box-shadow: 0 1px 0 #666, 0 2px 0 #444, 0 2px 2px rgba(0,0,0,0.9);
    -webkit-transform: translateY(3px);
    transform: translateY(3px);
    -webkit-animation: none;
    animation: none;
}

.anibutton_selected {
    color: #fff;
    text-shadow: 0 -1px 0 #444, 0 0 5px #ffd, 0 0 8px #fff;
}
/* /Animated Button [ this is using at Payment/Receipt/Contra Form ]*/

/* Input Boxes */



.input-border-0[readonly] {
    outline: none;
    border: none;
    background-color: transparent !important;
}

.inputloading_y {
    background-image: url(../img/loading/loading_y.gif);
    background-position: right;
    background-repeat: no-repeat;
}

input[type="text"].inputchange, input[type="number"].inputchange {
    background-color: #DAE6F8;
    border: 1px solid #0035C6;
}

input[type="text"].inputsuccess, input[type="number"].inputsuccess {
    background-color: #EFFFB9;
    border: 1px solid #99C600;
}

input[type="text"].inputerror, input[type="number"].inputerror {
    border: 1px solid #EB5339 !important;
    background-color: #FCCAC2 !important;
}

input[type="text"].hasDatepicker_USELESS {
    background-image: url(../img/icons/color/calendar.png);
    background-position: right center;
    background-repeat: no-repeat
}

input[type="submit"].btnSave {
    background-image: url(../img/btnSave.jpg);
    background-position: center;
    background-repeat: no-repeat;
    min-width: 69px;
    max-width: 69px;
    min-height: 33px;
    max-height: 33px;
}

.ac_input {
    background-color: #fbfcdc !important;
}
/* For Autohelp Highlight */
.tnum {
    text-align: right;
}

.redStar:after {
    content: " *";
    color: red;
    font-weight: bolder;
    width: 1px;
    height: 1px;
}

.cursorHand {
    cursor: pointer
}

th.thColEdit, th.thColDel {
    width: 20px
}
/* /Input Boxes */
.badge-d-pad {
    padding: 3px 7px !important;
}

.select2-container .select2-choice, .select2-selection {
    height: 24px;
    line-height: 24px;
}

.select2-selection__rendered {
    padding-left: 10px;
}

.smart-form .input input, .smart-form .select select, .smart-form .textarea textarea {
    padding-top: 4px;
    padding-bottom: 4px;
}

.smart-form .icon-append, .smart-form .icon-prepend .smart-form .icon-append, .smart-form .icon-prepend {
    top: 1px !important;
}

.smart-form fieldset {
    padding-top: 5px
}

.tooltiptransparent {
    z-index: 100000;
}

.smart-form .tooltiptransparent {
    background-color: transparent;
}


/* Copied from KindAdmin[Namo] */
.tooltip {
    position: absolute;
    z-index: 1030;
    display: block;
    font-size: 12px;
    line-height: 1.4;
    visibility: visible;
    filter: alpha(opacity=0);
    opacity: 0;
}

    .tooltip.in {
        filter: alpha(opacity=90);
        opacity: .9;
    }

    .tooltip.top {
        padding: 5px 0;
        margin-top: -3px;
    }

    .tooltip.right {
        padding: 0 5px;
        margin-left: 3px;
    }

    .tooltip.bottom {
        padding: 5px 0;
        margin-top: 3px;
    }

    .tooltip.left {
        padding: 0 5px;
        margin-left: -3px;
    }

.tooltip-inner {
    max-width: 200px;
    text-align: center;
    text-decoration: none;
    background-color: #000;
    border-radius: 4px;
}

.tooltip-arrow {
    position: absolute;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}

.tooltip.top .tooltip-arrow {
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-left .tooltip-arrow {
    bottom: 0;
    left: 5px;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.top-right .tooltip-arrow {
    right: 5px;
    bottom: 0;
    border-width: 5px 5px 0;
    border-top-color: #000;
}

.tooltip.right .tooltip-arrow {
    top: 50%;
    left: 0;
    margin-top: -5px;
    border-width: 5px 5px 5px 0;
    border-right-color: #000;
}

.tooltip.left .tooltip-arrow {
    top: 50%;
    right: 0;
    margin-top: -5px;
    border-width: 5px 0 5px 5px;
    border-left-color: #000;
}

.tooltip.bottom .tooltip-arrow {
    top: 0;
    left: 50%;
    margin-left: -5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-left .tooltip-arrow {
    top: 0;
    left: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}

.tooltip.bottom-right .tooltip-arrow {
    top: 0;
    right: 5px;
    border-width: 0 5px 5px;
    border-bottom-color: #000;
}
/* /Copied from KindAdmin[Namo] */


/* ToolTip */
.tooltip-info + .tooltip .tooltip-inner {
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-repeat: repeat-x;
    border-color: #9acfea;
    background-image: linear-gradient(to bottom, #d9edf7 0%, #b9def0 100%);
}

.tooltip-info + .tooltip.top .tooltip-arrow,
.tooltip-info + .tooltip.top-left .tooltip-arrow,
.tooltip-info + .tooltip.top-right .tooltip-arrow {
    border-top-color: #bce8f1;
}

.tooltip-info + .tooltip.bottom .tooltip-arrow,
.tooltip-info + .tooltip.bottom-left .tooltip-arrow,
.tooltip-info + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #bce8f1;
}

.tooltip-info + .tooltip.right .tooltip-arrow {
    border-right-color: #bce8f1;
}

.tooltip-info + .tooltip.left .tooltip-arrow {
    border-left-color: #bce8f1;
}

.tooltip-danger + .tooltip .tooltip-inner {
    color: #fff;
    background-color: #ee0101;
    border-color: #ebccd1;
    /*  background-image: -webkit-linear-gradient(top, #f2dede 0%, #e7c3c3 100%);
  background-image: linear-gradient(to bottom, #f2dede 0%, #e7c3c3 100%);
  background-repeat: repeat-x;
*/
    border-color: #ee0101;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff2dede', endColorstr='#ffe7c3c3', GradientType=0);
    padding: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

.tooltip-danger + .tooltip.top .tooltip-arrow,
.tooltip-danger + .tooltip.top-left .tooltip-arrow,
.tooltip-danger + .tooltip.top-right .tooltip-arrow {
    border-top-color: #ee0101;
}

.tooltip-danger + .tooltip.bottom .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-left .tooltip-arrow,
.tooltip-danger + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #ee0101;
}

.tooltip-danger + .tooltip.right .tooltip-arrow {
    border-right-color: #ee0101;
}

.tooltip-danger + .tooltip.left .tooltip-arrow {
    border-left-color: #ee0101;
}

.tooltip-warning + .tooltip .tooltip-inner {
    color: #8a6d3b;
    background-color: #fcf8e3;
    border-color: #faebcc;
    background-repeat: repeat-x;
    border-color: #f5e79e;
    background-image: linear-gradient(to bottom, #fcf8e3 0%, #f8efc0 100%);
}

.tooltip-warning + .tooltip.top .tooltip-arrow,
.tooltip-warning + .tooltip.top-left .tooltip-arrow,
.tooltip-warning + .tooltip.top-right .tooltip-arrow {
    border-top-color: #faebcc;
}

.tooltip-warning + .tooltip.bottom .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-left .tooltip-arrow,
.tooltip-warning + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #faebcc;
}

.tooltip-warning + .tooltip.right .tooltip-arrow {
    border-right-color: #faebcc;
}

.tooltip-warning + .tooltip.left .tooltip-arrow {
    border-left-color: #faebcc;
}

.tooltip-success + .tooltip .tooltip-inner {
    color: #3c763d;
    background-color: #dff0d8;
    border-color: #d6e9c6;
    background-repeat: repeat-x;
    border-color: #b2dba1;
    background-image: linear-gradient(to bottom, #dff0d8 0%, #c8e5bc 100%);
}

.tooltip-success + .tooltip.top .tooltip-arrow,
.tooltip-success + .tooltip.top-left .tooltip-arrow,
.tooltip-success + .tooltip.top-right .tooltip-arrow {
    border-top-color: #d6e9c6;
}

.tooltip-success + .tooltip.bottom .tooltip-arrow,
.tooltip-success + .tooltip.bottom-left .tooltip-arrow,
.tooltip-success + .tooltip.bottom-right .tooltip-arrow {
    border-bottom-color: #d6e9c6;
}

.tooltip-success + .tooltip.right .tooltip-arrow {
    border-right-color: #d6e9c6;
}

.tooltip-success + .tooltip.left .tooltip-arrow {
    border-left-color: #d6e9c6;
}

.tooltip .tooltip-inner {
    min-width: 150px;
}
/* /ToolTip */

#topNotice {
    width: 50%;
    margin: auto;
    z-index: 10000;
    position: fixed;
    top: 150px;
}
/* /ToolTip */

#topNotice {
    width: 50%;
    margin: auto;
    z-index: 10000;
    position: fixed;
    top: -10px;
    left: 25%;
    display: none;
    cursor: pointer;
}

/* Notification : Do not replace with your previous css definations */
.snsNoticeBox div {
    width: 100%;
    height: 100%;
    padding: 20px 25px 10px 60px;
}

.snsNoticeBox {
    line-height: 15px;
    min-height: 30px;
    margin: 8px 0px 8px 0px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .snsNoticeBox strong {
        margin-right: 5px;
    }

    .snsNoticeBox p {
        line-height: 20px;
        font-size: 1.5em;
        padding: 0px;
        /*	margin: 0px; */
        color: #333333;
    }

    .snsNoticeBox .message p {
        font-size: 11px;
    }

    .snsNoticeBox .warning {
        background-image: url(../img/error.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #FFC237;
        background-color: #FFEAA8;
        color: #826200;
    }

    .snsNoticeBox .success {
        background-image: url(../img/accept.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #99C600;
        background-color: #EFFFB9;
        color: #3C5A01;
    }

    .snsNoticeBox .failure {
        background-image: url(../img/exclamation.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #EB5339;
        background-color: #FCCAC2;
        color: #AC260F;
    }

    .snsNoticeBox .error {
        background-image: url(../img/exclamation.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #EB5339;
        background-color: #FCCAC2;
        color: #AC260F;
    }

    .snsNoticeBox .information {
        background-image: url(../img/information.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #418ACC;
        background-color: #D0E4F4;
        color: #235685;
    }

    .snsNoticeBox .lightbulb {
        background-image: url(../img/lightbulb.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #D3A350;
        background-color: #FEF0CB;
        color: #835F21;
    }

    .snsNoticeBox .messages {
        background-image: url(../img/email.png);
        background-position: 15px center;
        background-repeat: no-repeat;
        border: 2px solid #42B4FF;
        background-color: #9DDFFF;
        color: #835F21;
    }
/* /Notifications */

/* jQGrid */
#jqgrid-wrapper .deletingRow {
    color: #A94442 !important;
    background-color: #F2DEDE !important;
    border-color: #F2DEDE !important;
}

#jqgrid-wrapper .editedRow {
    background-color: lightcyan !important;
}
/* /jQGrid */


/* Notification */
.notification {
    line-height: 15px;
    min-height: 30px;
    margin: 8px 0px 8px 0px;
    padding: 20px 25px 10px 60px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

    .notification strong {
        margin-right: 5px;
    }

    .notification p {
        line-height: 20px;
        font-size: 1.5em;
        padding: 0px;
        margin: 0px;
        color: #333333;
    }

.message p {
    font-size: 11px;
}
/*.warning {
	background-image: url(../img/error.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #FFC237;
	background-color: #FFEAA8;
	color: #826200;
}
.success {
	background-image: url(../img/accept.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #99C600;
	background-color: #EFFFB9;
	color: #3C5A01;
}
.failure {
	background-image: url(../img/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #FCCAC2;
	color: #AC260F;
}
.error {
	background-image: url(../img/exclamation.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #EB5339;
	background-color: #FCCAC2;
	color: #AC260F;
}
.information {
	background-image: url(../img/information.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #418ACC;
	background-color: #D0E4F4;
	color: #235685;
}
.lightbulb {
	background-image: url(../img/lightbulb.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #D3A350;
	background-color: #FEF0CB;
	color: #835F21;
}
.messages {
	background-image: url(../img/email.png);
	background-position: 15px center;
	background-repeat: no-repeat;
	border: 2px solid #42B4FF;
	background-color: #9DDFFF;
	color: #835F21;
}
.brownbox {
	border: 2px solid #D3A350;
	background-color: #FEF0CB;
	color: #835F21;
}*/
/* /Notifications */

/* Ribon 
#ribbon{min-height: 60px;} /* Ribon Layer
#ribbon .ribbon-button-alignment{padding-top: 17px;} /* Icon part 
#ribbon .breadcrumb{ margin-top: 7px; } /* Text part
.demo{ top: 10px; } /* Right Setting Icon */
/* /Ribon */
.top-0px {
    top: 0 !important;
}

.top-1px {
    top: 1px !important;
}
/* Margin Top */
.m-top-0px {
    margin-top: 0px !important;
}

.m-top-3px {
    margin-top: 3px
}

.m-top-5px {
    margin-top: 5px
}

.m-top-6px {
    margin-top: 6px
}

.m-top-7px {
    margin-top: 7px
}

.m-top-8px {
    margin-top: 8px
}

.m-top-9px {
    margin-top: 9px
}

.m-top-10px {
    margin-top: 10px
}

.m-top-15px {
    margin-top: 15px
}

.m-top-17px {
    margin-top: 17px
}

.m-top-18px {
    margin-top: 18px
}

.m-top-20px {
    margin-top: 20px
}

.m-top-25px {
    margin-top: 25px
}

.m-top-30px {
    margin-top: 30px
}

.m-top-35px {
    margin-top: 35px
}

.m-top-40px {
    margin-top: 40px
}

.m-top-45px {
    margin-top: 45px
}

.m-top-50px {
    margin-top: 50px
}

.m-bottom-0 {
    margin-bottom: 0 !important
}

.m-bottom-5px {
    margin-bottom: 5px
}

.m-bottom-6px {
    margin-bottom: 6px
}

.m-bottom-7px {
    margin-bottom: 7px
}

.m-bottom-8px {
    margin-bottom: 8px
}

.m-bottom-9px {
    margin-bottom: 9px
}

.m-bottom-10px {
    margin-bottom: 10px
}

.m-bottom-15px {
    margin-bottom: 15px
}

.m-bottom-20px {
    margin-bottom: 20px
}

.m-bottom-25px {
    margin-bottom: 25px
}

.m-bottom-30px {
    margin-bottom: 30px
}

.m-bottom-35px {
    margin-bottom: 35px
}

.m-bottom-40px {
    margin-bottom: 40px
}

.m-bottom-45px {
    margin-bottom: 45px
}

.m-bottom-50px {
    margin-bottom: 50px
}
/* /Margin Top */
/* Margin Left */
.m-left-5px {
    margin-left: 5px !important;
}

.m-left-10px {
    margin-left: 10px !important;
}

.m-left-15px {
    margin-left: 15px !important;
}

.m-left-20px {
    margin-left: 20px !important;
}

.m-left-25px {
    margin-left: 25px !important;
}

.m-left-30px {
    margin-left: 30px !important;
}

.m-left-35px {
    margin-left: 35px !important;
}

.m-left-40px {
    margin-left: 40px !important;
}

.m-left-45px {
    margin-left: 45px !important;
}

.m-left-50px {
    margin-left: 50px !important;
}

.m-left-100px {
    margin-left: 100px !important;
}

.m-left-150px {
    margin-left: 150px !important;
}

.m-left-165px {
    margin-left: 165px !important;
}

.m-left-166px {
    margin-left: 166px !important;
}

.m-left-167px {
    margin-left: 167px !important;
}

.m-left-180px {
    margin-left: 180px !important;
}

.m-left-200px {
    margin-left: 200px !important;
}

.m-left-250px {
    margin-left: 250px !important;
}
/* /Margin Left */
/* Margin Right*/
.m-right-2px {
    margin-right: 2px !important;
}

.m-right-3px {
    margin-right: 3px !important;
}

.m-right-4px {
    margin-right: 4px !important;
}

.m-right-5px {
    margin-right: 5px !important;
}

.m-right-10px {
    margin-right: 10px !important;
}

.m-right-15px {
    margin-right: 15px !important;
}

.m-right-20px {
    margin-right: 20px !important;
}

.m-right-25px {
    margin-right: 25px !important;
}

.m-right-30px {
    margin-right: 30px !important;
}

.m-right-35px {
    margin-right: 35px !important;
}

.m-right-40px {
    margin-right: 40px !important;
}

.m-right-45px {
    margin-right: 45px !important;
}

.m-right-50px {
    margin-right: 50px !important;
}

.m-right-60px {
    margin-right: 60px !important;
}

.m-right-70px {
    margin-right: 70px !important;
}

.m-right-80px {
    margin-right: 80px !important;
}

.m-all-0 {
    margin: 0px !important
}

.m-lr-10px {
    margin: 0px 10px !important;
}
/* Column Widths */
.w-10p {
    width: 10%;
}

.w-15p {
    width: 15%;
}

.w-20p {
    width: 20%;
}

.w-24p {
    width: 24%;
}

.w-25p {
    width: 25%;
}

.w-30p {
    width: 30%;
}

.w-35p {
    width: 35%;
}

.w-40p {
    width: 40%;
}

.w-45p {
    width: 45%;
}

.w-50p {
    width: 50%;
}

.w-60p {
    width: 60%;
}

.w-70p {
    width: 70%;
}

.w-80p {
    width: 80%;
}

.w-90p {
    width: 90%;
}

.w-95p {
    width: 95%;
}

.w-96p {
    width: 96%;
}

.w-97p {
    width: 97%;
}

.w-98p {
    width: 98%;
}

.w-99p {
    width: 99%;
}

.w-100p {
    width: 100%;
}
/* Column Widths % */
/* Column Widths PX */
.w-10px {
    width: 10px;
}

.w-20px {
    width: 20px;
}

.w-30px {
    width: 30px;
}

.w-40px {
    width: 40px;
}

.w-50px {
    width: 50px;
}

.w-60px {
    width: 60px;
}

.w-70px {
    width: 70px;
}

.w-80px {
    width: 80px;
}

.w-90px {
    width: 90px;
}

.w-100px {
    width: 100px;
}

.w-110px {
    width: 110px;
}

.w-120px {
    width: 120px;
}

.w-130px {
    width: 130px;
}

.w-140px {
    width: 140px;
}

.w-150px {
    width: 150px;
}

.w-160px {
    width: 160px;
}

.w-170px {
    width: 170px;
}

.w-180px {
    width: 180px;
}

.w-190px {
    width: 190px !important;
}

.w-200px {
    width: 200px !important;
}

.w-210px {
    width: 210px !important;
}

.w-220px {
    width: 220px;
}

.w-230px {
    width: 230px;
}

.w-240px {
    width: 240px;
}

.w-250px {
    width: 250px;
}

.w-260px {
    width: 260px;
}

.w-270px {
    width: 270px;
}

.w-280px {
    width: 280px;
}

.w-290px {
    width: 290px;
}

.w-300px {
    width: 300px;
}

.w-310px {
    width: 310px;
}

.w-320px {
    width: 320px;
}

.w-330px {
    width: 330px;
}

.w-340px {
    width: 340px;
}

.w-350px {
    width: 350px;
}

.w-360px {
    width: 360px;
}

.w-370px {
    width: 370px;
}

.w-380px {
    width: 380px;
}

.w-390px {
    width: 390px;
}

.w-400px {
    width: 400px !important;
}

.w-410px {
    width: 410px;
}

.w-420px {
    width: 420px;
}

.w-430px {
    width: 430px;
}

.w-440px {
    width: 440px;
}

.w-450px {
    width: 450px;
}

.w-460px {
    width: 460px;
}

.w-470px {
    width: 470px;
}

.w-480px {
    width: 480px;
}

.w-490px {
    width: 490px;
}

.w-500px {
    width: 500px;
}

.w-510px {
    width: 510px;
}

.w-520px {
    width: 520px;
}

.w-530px {
    width: 530px;
}

.w-540px {
    width: 540px;
}

.w-550px {
    width: 550px;
}

.w-560px {
    width: 560px;
}

.w-570px {
    width: 570px;
}

.w-580px {
    width: 580px;
}

.w-590px {
    width: 590px;
}

.w-600px {
    width: 600px;
}

.w-610px {
    width: 610px;
}

.w-620px {
    width: 620px;
}

.w-630px {
    width: 630px;
}

.w-640px {
    width: 640px;
}

.w-650px {
    width: 650px;
}

.w-660px {
    width: 660px;
}

.w-670px {
    width: 670px;
}

.w-680px {
    width: 680px;
}

.w-690px {
    width: 690px;
}

.w-700px {
    width: 700px;
}

.w-710px {
    width: 710px;
}

.w-718px {
    width: 718px;
}

.w-720px {
    width: 720px;
}

.w-730px {
    width: 730px;
}

.w-740px {
    width: 740px;
}

.w-750px {
    width: 750px;
}

.w-760px {
    width: 760px;
}

.w-770px {
    width: 770px;
}

.w-780px {
    width: 780px;
}

.w-790px {
    width: 790px;
}

.w-800px {
    width: 800px;
}

.w-810px {
    width: 810px;
}

.w-820px {
    width: 820px;
}

.w-830px {
    width: 830px;
}

.w-840px {
    width: 840px;
}

.w-850px {
    width: 850px;
}
/* Column Widths PX */

/* padding */
.p-all-0 {
    padding: 0px !important;
}

.p-all-2px {
    padding: 2px;
}

.p-all-3px {
    padding: 3px;
}

.p-all-5px {
    padding: 5px;
}

.p-all-10px {
    padding: 10px !important;
}

.p-all-15px {
    padding: 15px !important;
}

.p-all-20px {
    padding: 20px;
}

.p-bottom-0 {
    padding-bottom: 0px !important;
}

.p-bottom-5px {
    padding-bottom: 5px !important;
}

.p-bottom-10px {
    padding-bottom: 10px !important;
}

.p-bottom-15px {
    padding-bottom: 15px !important;
}

.p-bottom-20px {
    padding-bottom: 20px !important;
}

.p-top-0 {
    padding-top: 0px !important;
}

.p-top-5px {
    padding-top: 5px !important;
}

.p-top-10px {
    padding-top: 10px !important;
}

.p-top-15px {
    padding-top: 15px !important;
}

.p-top-20px {
    padding-top: 20px !important;
}

.p-top-21px {
    padding-top: 21px !important;
}

.p-top-22px {
    padding-top: 22px !important;
}

.p-top-23px {
    padding-top: 23px !important;
}

.p-top-24px {
    padding-top: 24px !important;
}

.p-top-25px {
    padding-top: 25px !important;
}

.p-lr-5px {
    padding-left: 5px;
    padding-right: 5px;
}

.p-lr-15px {
    padding-left: 15px !important;
    padding-right: 15px !important;
}

.p-left-10px {
    padding-left: 10px !important;
}

.p-left-50px {
    padding-left: 20px !important;
}


.p-right-0px {
    padding-right: 0px !important;
}

.p-right-10px {
    padding-right: 10px !important;
}

.p-right-20px {
    padding-right: 20px !important;
}
/* /padding */

/* border */
.border-all-0 {
    border: 0px 0px 0px 0px !important;
}

.border-all-1-black {
    border: solid 1px #000 !important;
}

.border-all-1, all-border-1 {
    border: solid 1px #CCC !important;
}

.border-all-2, all-border-2 {
    border: solid 2px #CCC !important;
}

.border-bottom-1 {
    border-bottom: solid 1px #CCC !important;
}

.border-right-1 {
    border-right: solid 1px #CCC !important;
}
/* /border */

/* TAB */
.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
    background-color: #EEE;
    color: #000;
    cursor: pointer;
}
/* /TAB */

/* Bg Colors */
.bg-color-skyblue {
    background: #4682B4;
    color: #FFF
}
/* /Bg Colors */


tags-input .tags .tag-item {
    /*margin: 2px;
	padding: 0 5px;
	display: inline-block;
	float: left;
	font: 14px "Helvetica Neue",Helvetica,Arial,sans-serif;
	height: 26px;
	line-height: 25px;
	border: 1px solid #acacac;
	border-radius: 3px;*/
    background: -webkit-linear-gradient(top,#4ba1c6 0,#4ba1c6 47%,#4ba1c6 100%);
    background: linear-gradient(to bottom,#4ba1c6 0,#4ba1c6 47%,#4ba1c6 100%);
    color: #ffffff;
}

    tags-input .tags .tag-item .remove-button {
        color: #ffffff;
    }
/* masonry */
.masonry {
    margin: 1.5em 0;
    padding: 0;
    -moz-column-gap: 1.5em;
    -webkit-column-gap: 1.5em;
    column-gap: 1.5em;
    font-size: .85em;
}

.masonry-item {
    display: inline-block;
    background: #fff;
    padding: 1.5em;
    margin: 0 0 1.5em;
    width: 100%;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-shadow: 0px 1px 1px 0px rgba(0, 0, 0, 0.18);
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

@media only screen and (min-width: 700px) {
    .masonry {
        -moz-column-count: 2;
        -webkit-column-count: 2;
        column-count: 2;
    }
}

@media only screen and (min-width: 900px) {
    .masonry {
        -moz-column-count: 3;
        -webkit-column-count: 3;
        column-count: 3;
    }
}

@media only screen and (min-width: 1100px) {
    .masonry {
        -moz-column-count: 4;
        -webkit-column-count: 4;
        column-count: 4;
    }
}
/* /masonry */

/* Widget */
.jarviswidget {
    margin-bottom: 0px;
}

.jarviswidget-color-skyblue > header {
    background: #4682B4;
    color: #FFF
}

    .jarviswidget-color-skyblue > header.lh29 {
        line-height: 29px !important
    }

    .jarviswidget-color-skyblue > header a {
        color: #FFF
    }
    /* /Color */
    .jarviswidget-color-skyblue > header > .widget-toolbar > .btn-group > .dropdown-menu > li > a {
        color: #333;
    }

        .jarviswidget-color-skyblue > header > .widget-toolbar > .btn-group > .dropdown-menu > li > a:hover {
            color: #fff;
        }

.jarviswidget .widget-body {
    min-height: 0px;
    padding-bottom: 0px;
}
/* /Widget */

/* Alert */
.alert {
    margin: 0px
}
/* /Alert */


/* Change Primary Button Color from Blue To Green */
#breadcrumbButtons .btn-primary, #breadcrumbButtons .open .dropdown-toggle.btn-primary {
    color: #333;
    background-color: #FFF;
    border-color: #CCC;
}

    #breadcrumbButtons .btn-primary.active, #breadcrumbButtons .btn-primary:active, #breadcrumbButtons .btn-primary:focus, #breadcrumbButtons .btn-primary:hover, #breadcrumbButtons .open .dropdown-toggle.btn-primary {
        color: #fff;
        background-color: #009600 !important;
        border-color: #ffffff;
    }

/*.modal-lg {
    width: 100% !important;
}*/
.opacity2 {
    opacity: 0.2 !important;
}

.opacity5 {
    opacity: 0.5 !important;
}

.modal-open .modal {
    overflow-x: hidden;
    overflow-y: hidden;
}

.modal-header {
    background: #4682B4;
    color: white;
}

.modal-llg, .modal-lllg {
    width: 95%;
    margin: 0 auto;
}
/*.modal-llg .m-top-0px {
        position: absolute;
        margin-top: 0px;
    }*/

.mapWH {
    width: 100%;
    height: 300px;
}

@media (min-width: 768px) {
    .mapWH {
        width: 100%;
        height: 500px;
    }

    .modal-body {
        padding: 0px;
    }

    .fullScreenModals .modal-dialog {
        width: 100%;
        margin: 0% auto;
        height: 100%;
    }

    .fullScreenModals .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        height: 100%;
    }

    .fullScreenModals .modal-body {
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .fullScreenModals .modal-sm {
        width: 300px;
    }

    .fullScreenModals .modal-lg {
        width: 100%;
    }
}

@media (min-width: 1221px) {
    .modal-lllg {
        width: 1203px;
        margin: 2% auto;
    }
}

@media (min-width: 1021px) {
    .modal-90p {
        width: 90%;
        margin: 2% auto;
    }

    .modal-llg {
        width: 1103px;
        margin: 2% auto;
    }

    .laptop .modal-dialog {
        width: 1003px;
        margin: 2% auto;
        height: 60%;
    }

    .laptop .modal-content {
        -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        box-shadow: 0 5px 15px rgba(0, 0, 0, .5);
        height: 100%;
    }

    .laptop .modal-body {
        height: 100%;
        margin: 0px;
        padding: 0px;
    }

    .laptop .modal-sm {
        width: 300px;
    }

    .laptop .modal-lg {
        width: 100%;
    }

    .laptop .modal-header {
        min-height: 63px;
    }
}

.modal-body iframe {
    width: 100%;
    border: 0px;
    padding: 0px;
    margin: 0px;
    overflow-x: hidden;
}

.fa-2 {
    font-size: 2em;
}

.fa-3 {
    font-size: 3em;
}

.fa-4 {
    font-size: 7em;
}


.font-white, .text-white, .fa-color-white {
    color: white !important;
}

.bcDisplayingRecordsFromTill,
.smart-style-0 .bcDisplayingRecordsFromTill {
    color: #969696;
}

.smart-style-1 .bcDisplayingRecordsFromTill {
    color: #969696;
}

.smart-style-2 .bcDisplayingRecordsFromTill {
    color: #969696;
}

.smart-style-5 .bcDisplayingRecordsFromTill {
    color: #FFD600;
}

.bcDisplayingRecordsFromTill span.txt-color-darken,
.smart-style-0 .bcDisplayingRecordsFromTill span.txt-color-darken {
    color: #ffffff !important;
    font-size: 13px;
    font-weight: 700;
    font-style: italic;
}

.bcDisplayingRecordsFromTill span.text-primary,
.smart-style-0 .bcDisplayingRecordsFromTill span.text-primary {
    color: #31b0d5 !important;
}

.smart-style-1 .bcDisplayingRecordsFromTill span.txt-color-darken,
.smart-style-2 .bcDisplayingRecordsFromTill span.txt-color-darken,
.smart-style-3 .bcDisplayingRecordsFromTill span.txt-color-darken,
.smart-style-6 .bcDisplayingRecordsFromTill span.txt-color-darken {
    color: #333 !important;
}

.smart-style-1 .bcDisplayingRecordsFromTill span.text-primary,
.smart-style-2 .bcDisplayingRecordsFromTill span.text-primary,
.smart-style-3 .bcDisplayingRecordsFromTill span.text-primary,
.smart-style-6 .bcDisplayingRecordsFromTill span.text-primary {
    color: #31b0d5 !important;
}

.smart-style-5 .bcDisplayingRecordsFromTill span.text-primary {
    color: #FFD600 !important;
}
/*.smart-form .checkbox*/
.smart-form .radio {
    top: -7px;
}
    /*.smart-form .checkbox i*/
    .smart-form .radio i {
        position: absolute;
        top: 10px;
    }

thead tr th.thColEdit {
    width: 18px
}

.ui-autocomplete-input {
    background-color: #f8f8d0 !important;
}
/*.ui-autocomplete-input:focus {
		background-color: #d9edf7 !important;
		color: #000000 !important;
	}*/
.cg-comboItem {
    height: auto !important;
}

.cg-DivItem {
    height: auto !important;
}


.checkboxLabelCols3 label {
    width: 33% !important;
}

.page-header-18 {
    padding-bottom: 8px;
    /*margin: 18px 0 18px;*/
    margin: 18px 0 0px;
    border-bottom: 1px solid #eee;
}

.thColChk {
    width: 10px;
}

.table-striped > tbody > tr:nth-of-type(2n+1).selected,
.table-striped > tbody > tr:nth-of-type(2n).selected,
tr.selected {
    background-color: #FFFFCC;
    color: #000;
    /*text-shadow:-1px -1px 0 #2C7982;
	background: #FFFFCC;
	border:1px solid #379AA4;
	background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:linear-gradient(top, #48C6D4, #3EACBA);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    */
}

.table-striped > tbody > tr:nth-of-type(2n+1).editedRow,
.table-striped > tbody > tr:nth-of-type(2n).editedRow,
tr.editedRow {
    background-color: #d6dde7;
    color: #000;
    /*text-shadow:-1px -1px 0 #2C7982;
	background: #FFFFCC;
	border:1px solid #379AA4;
	background-image:-webkit-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-moz-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-ms-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:-o-linear-gradient(top, #48C6D4, #3EACBA);
	background-image:linear-gradient(top, #48C6D4, #3EACBA);
	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	
	-webkit-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	-moz-box-shadow:0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
	box-shadow:1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(255, 255, 255, .1) inset, 0 4px 0 #338A94, 0 4px 2px rgba(0, 0, 0, .5);
    */
}

div.dataTables_paginate {
    float: none;
}

/* jquery.fileupload */
.fileinput-button {
    position: relative;
    overflow: hidden;
}

    .fileinput-button input {
        position: absolute;
        top: 0;
        right: 0;
        margin: 0;
        opacity: 0;
        -ms-filter: 'alpha(opacity=0)';
        font-size: 200px;
        direction: ltr;
        cursor: pointer;
    }

/* Fixes for IE < 8 */
@media screen\9 {
    .fileinput-button input {
        filter: alpha(opacity=0);
        font-size: 100%;
        height: 100%;
    }
}
/* /jquery.fileupload */

/* flatpickr datetime */
.flatpickr-day.disabled, .flatpickr-day.disabled:hover {
    pointer-events: none;
    color: red !important;
}
/* flatpickr datetime */

.cg-autocomplete {
    z-index: 2000 !important;
}

.fc-event {
    cursor: pointer;
}


/* reminder notification */
.widget-reminder .widget-content {
    position: relative;
    overflow: hidden;
    padding: 20px;
    /*background-color: #7d939a;*/
    color: #fff;
}

.today-reminder .reminder-title {
    border-bottom: 1px solid #a4c0cc;
    padding-bottom: 5px;
}

.today-reminder .reminder-time {
    font-size: 2.5em;
    margin-bottom: 0;
}

.today-reminder .reminder-place {
    font-size: 1.5em;
}

.today-reminder .reminder-notes {
    font-size: 0.9em;
}

.today-reminder > i {
    opacity: 0.1;
    filter: alpha(opacity=10);
    position: absolute;
    top: 5px;
    right: -15px;
    font-size: 12em;
    -webkit-animation: ring 8s .5s ease-in-out 3;
    -webkit-transform-origin: 50% 4px;
    -moz-animation: ring 8s .5s ease-in-out 3;
    -moz-transform-origin: 50% 4px;
    animation: ring 8s .5s ease-in-out 3;
    transform-origin: 50% 4px;
}

.today-reminder > .btn-group {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
}

    .today-reminder > .btn-group .dropdown-menu {
        font-size: 0.9em;
    }

    .today-reminder > .btn-group > .btn-group {
        float: none;
    }

@-webkit-keyframes ring {
    0% {
        -webkit-transform: rotateZ(0);
    }

    1% {
        -webkit-transform: rotateZ(30deg);
    }

    3% {
        -webkit-transform: rotateZ(-28deg);
    }

    5% {
        -webkit-transform: rotateZ(34deg);
    }

    7% {
        -webkit-transform: rotateZ(-32deg);
    }

    9% {
        -webkit-transform: rotateZ(30deg);
    }

    11% {
        -webkit-transform: rotateZ(-28deg);
    }

    13% {
        -webkit-transform: rotateZ(26deg);
    }

    15% {
        -webkit-transform: rotateZ(-24deg);
    }

    17% {
        -webkit-transform: rotateZ(22deg);
    }

    19% {
        -webkit-transform: rotateZ(-20deg);
    }

    21% {
        -webkit-transform: rotateZ(18deg);
    }

    23% {
        -webkit-transform: rotateZ(-16deg);
    }

    25% {
        -webkit-transform: rotateZ(14deg);
    }

    27% {
        -webkit-transform: rotateZ(-12deg);
    }

    29% {
        -webkit-transform: rotateZ(10deg);
    }

    31% {
        -webkit-transform: rotateZ(-8deg);
    }

    33% {
        -webkit-transform: rotateZ(6deg);
    }

    35% {
        -webkit-transform: rotateZ(-4deg);
    }

    37% {
        -webkit-transform: rotateZ(2deg);
    }

    39% {
        -webkit-transform: rotateZ(-1deg);
    }

    41% {
        -webkit-transform: rotateZ(1deg);
    }

    43% {
        -webkit-transform: rotateZ(0);
    }

    100% {
        -webkit-transform: rotateZ(0);
    }
}

@-moz-keyframes ring {
    0% {
        -moz-transform: rotate(0);
    }

    1% {
        -moz-transform: rotate(30deg);
    }

    3% {
        -moz-transform: rotate(-28deg);
    }

    5% {
        -moz-transform: rotate(34deg);
    }

    7% {
        -moz-transform: rotate(-32deg);
    }

    9% {
        -moz-transform: rotate(30deg);
    }

    11% {
        -moz-transform: rotate(-28deg);
    }

    13% {
        -moz-transform: rotate(26deg);
    }

    15% {
        -moz-transform: rotate(-24deg);
    }

    17% {
        -moz-transform: rotate(22deg);
    }

    19% {
        -moz-transform: rotate(-20deg);
    }

    21% {
        -moz-transform: rotate(18deg);
    }

    23% {
        -moz-transform: rotate(-16deg);
    }

    25% {
        -moz-transform: rotate(14deg);
    }

    27% {
        -moz-transform: rotate(-12deg);
    }

    29% {
        -moz-transform: rotate(10deg);
    }

    31% {
        -moz-transform: rotate(-8deg);
    }

    33% {
        -moz-transform: rotate(6deg);
    }

    35% {
        -moz-transform: rotate(-4deg);
    }

    37% {
        -moz-transform: rotate(2deg);
    }

    39% {
        -moz-transform: rotate(-1deg);
    }

    41% {
        -moz-transform: rotate(1deg);
    }

    43% {
        -moz-transform: rotate(0);
    }

    100% {
        -moz-transform: rotate(0);
    }
}

@keyframes ring {
    0% {
        transform: rotate(0);
    }

    1% {
        transform: rotate(30deg);
    }

    3% {
        transform: rotate(-28deg);
    }

    5% {
        transform: rotate(34deg);
    }

    7% {
        transform: rotate(-32deg);
    }

    9% {
        transform: rotate(30deg);
    }

    11% {
        transform: rotate(-28deg);
    }

    13% {
        transform: rotate(26deg);
    }

    15% {
        transform: rotate(-24deg);
    }

    17% {
        transform: rotate(22deg);
    }

    19% {
        transform: rotate(-20deg);
    }

    21% {
        transform: rotate(18deg);
    }

    23% {
        transform: rotate(-16deg);
    }

    25% {
        transform: rotate(14deg);
    }

    27% {
        transform: rotate(-12deg);
    }

    29% {
        transform: rotate(10deg);
    }

    31% {
        transform: rotate(-8deg);
    }

    33% {
        transform: rotate(6deg);
    }

    35% {
        transform: rotate(-4deg);
    }

    37% {
        transform: rotate(2deg);
    }

    39% {
        transform: rotate(-1deg);
    }

    41% {
        transform: rotate(1deg);
    }

    43% {
        transform: rotate(0);
    }

    100% {
        transform: rotate(0);
    }
}
/* /reminder notification */
.text-yellow {
    color: #f2fc05;
}

.close { /* Close(X) on Model Window */
    color: #FFF;
    opacity: .5;
}

.btn {
    padding: 2px 9px;
}

.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
    padding: 5px 10px;
}

.form-horizontal .control-label {
    padding-top: 4px;
}

.form-group {
    margin-bottom: 7px;
}

.input-group-addon {
    padding: 2px 10px;
}

.input-group-addon4x {
    padding: 4px 10px;
}

.input-group-addon5x {
    padding: 5px 10px;
}

.input-group-addon6x {
    padding: 6px 10px;
}

.form-control, .smart-form .input input {
    padding: 2px 6px;
    height: 24px;
}

.form-control-disabled[disabled], fieldset[disabled] .form-control-disabled {
    cursor: default;
    border: none;
    background-color: white;
    -webkit-appearance: none;
    -moz-appearance: none;
}

.dropdown-menu > li > a > .radio {
    padding: 3px 20px;
}

.smart-form td span.label {
    display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

.smart-form td span.labelText {
    display: inline;
    padding: .0em .6em .0em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}

/* Tab On Widget */
.jarviswidget-color-skyblue header:first-child .nav-tabs li a {
    color: #eee;
}

    .jarviswidget-color-skyblue header:first-child .nav-tabs li a:hover {
        background-color: #eee;
        color: #555;
    }

.jarviswidget-color-skyblue header:first-child .nav-tabs li.active a {
    color: #555;
}
/* Tab On Widget */
.ajax-dropdown {
    width: 450px !important;
}

/* Header Top-Left */
#header > :first-child {
    width: 260px;
}

#logo {
    width: 210px;
}

    #logo img {
        width: 155px;
        height: auto;
        padding-left: 3px;
    }
/* /Header Top-Left */



/* CUSTOM CART DROP DOWN */
.shopping-cart {
    -webkit-box-shadow: -10px 10px 50px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: -10px 10px 50px 0px rgba(0,0,0,0.75);
    box-shadow: -10px 10px 50px 0px rgba(0,0,0,0.75);
}

.shopping-cart-item-container {
    max-height: 500px;
    overflow-x: hidden;
    overflow-y: auto;
}

.shopping-cart {
    margin: 0px 0;
    top: 90px;
    right: 25px;
    z-index: 10000;
    background: white;
    width: 520px;
    position: fixed;
    border-radius: 3px;
    padding: 10px;
    .shopping-cart-header

{
    border-bottom: 1px solid #E8E8E8;
    padding-bottom: 15px;
    .shopping-cart-total

{
    float: right;
}

}

.shopping-cart-items {
    padding-top: 20px;
    li

{
    margin-bottom: 18px;
}

img {
    float: left;
    margin-right: 12px;
}

.item-name {
    display: block;
    padding-top: 10px;
    font-size: 16px;
}

.item-price {
    color: $main-color;
    margin-right: 8px;
}

.item-quantity {
    color: $light-text;
}

}
}

.shopping-cart .itemRow {
    padding: 5px 0px;
}

    .shopping-cart .itemRow:nth-child(odd) {
        background-color: #eee;
    }

    .shopping-cart .itemRow:nth-child(even) {
        background-color: #fff;
    }

.shopping-cart:after {
    bottom: 100%;
    left: 89%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-bottom-color: white;
    border-width: 8px;
    margin-left: -8px;
}

.cart-icon {
    color: #515783;
    font-size: 24px;
    margin-right: 7px;
    float: left;
}
/* /CUSTOM CART DROP DOWN */

.cartItemModel {
    background-color: #faebcc !important;
    font-weight: bold;
}

.cartItemAccessory {
    background-color: white !important;
}

    .cartItemAccessory div.proName {
        padding-left: 50px !important;
    }

.alterItemRow:nth-child(odd) {
    background-color: #eee;
}

.alterItemRow:nth-child(even) {
    background-color: #fff;
}
/*.borderBottomMNID {
	border-bottom: 1px solid #000000;
}*/
.bottomcorners1 {
    border-radius: 0px 0px 50px 50px;
}


/* This is Activity Drop Down...Next to Logo. now Reposining */
/*#activityGroup {
	padding-left:200px;
}#activityGroup span#activity {
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
	cursor: default !important;
	display: inline-block;
	font-weight: 700;
	height: 24px;
	width: 24px;
	padding: 2px;
	text-align: center;
	text-decoration: none !important;
	-moz-user-select: none;
	-webkit-user-select: none;
	background-color: #f8f8f8;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f1f1f1));
	background-image: -webkit-linear-gradient(top, #f8f8f8, #f1f1f1);
	background-image: -moz-linear-gradient(top, #f8f8f8, #f1f1f1);
	background-image: -ms-linear-gradient(top, #f8f8f8, #f1f1f1);
	background-image: -o-linear-gradient(top, #f8f8f8, #f1f1f1);
	background-image: linear-gradient(top, #f8f8f8, #f1f1f1);
	border: 1px solid #bfbfbf;
	color: #c4bab6;
	font-size: 19px;
	margin: 10px 0 0;
	position: relative;
}
#activityGroup > span {
	display: inline-block;
	height: 39px;
	float: left;
}
#activityGroup *{
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}*/


#cg-div-NoRecordFound {
    padding: 10px;
    border: 1px solid #000;
}

#myModalForCheckout blockquote {
    font-size: 13.25px;
}

#myModalForCheckout .dropdown-menu-large {
    margin-left: 0px;
    margin-right: 0px;
    padding: 0px;
}

.onoffswitch-l1 {
    width: 60px;
}

    /*.onoffswitch-l1 .onoffswitch-switch-l1 {
		right: 50px;
	}*/

    .onoffswitch-l1 .onoffswitch-switch {
        right: 40px;
    }

.smart-form select {
    height: 24px !important;
}

.smart-form .select i {
    top: 8px !important;
    box-shadow: none !important;
}

select.input-sm {
    padding: 0px !important;
    height: 25px !important;
}

.smart-form select.input-sm + i {
    height: 9px !important;
}



.input-icon-left > i, .input-icon-right > i {
    top: 15% !important;
}

.table-fixed {
    width: 100%;
    background-color: #f3f3f3;
}

    .table-fixed tbody {
        height: 200px;
        overflow-y: auto;
        width: 100%;
    }

    .table-fixed thead, .table-fixed tbody, .table-fixed tr, .table-fixed td, .table-fixed th {
        display: block;
    }

        .table-fixed tbody td {
            float: left;
        }

        .table-fixed thead tr th {
            float: left;
            background-color: #f39c12;
            border-color: #e67e22;
        }




/* LMC - Quote Maker */
/* Apply Same CSS into CartMaker.csHtml Part-1 */
#quoteCartWizard .bootstrapWizard li {
    width: 25%;
}

    #quoteCartWizard .bootstrapWizard li .title {
        color: #ffffff;
    }

#quoteLogs-container *, #quoteLogs-container::after, #quoteLogs-container::before {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
}

#quoteLogs-container {
    position: absolute;
    width: 250px;
    /*height: 270px;*/
    height: 100%;
    z-index: 2;
    border-left: 1px solid #CDCECF;
    right: -251px;
    top: 0;
    background: #fff;
    transition-duration: .25s;
    -webkit-transition-duration: .25s;
    -moz-transition-duration: .25s;
    -o-transition-duration: .25s;
    -ms-transition-duration: .25s;
}

    #quoteLogs-container .quoteLogs-list-open-close {
        display: block;
        width: 25px;
        height: 25px;
        border: 1px solid #CDCECF;
        border-right: 1px solid #f2f4f8 !important;
        position: absolute;
        left: -32px;
        top: 7%;
        border-radius: 50% 0 0 50%;
        padding: 3px 1px 3px 5px;
        font-size: 21px;
        line-height: 22px;
        cursor: pointer;
        color: #868686;
        box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05);
        -moz-box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05);
        background: #f2f4f8;
        text-align: center;
    }

    #quoteLogs-container .quoteLogs-list-open-close {
        top: 42PX;
    }

    #quoteLogs-container .quoteLogs-list-body {
        /*height: 217px;*/
        height: 89%;
        width: 248px;
        right: -255px;
        overflow-y: scroll;
        overflow-x: hidden;
        display: block;
        padding: 0;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        background: #f2f4f8;
    }

    #quoteLogs-container .quoteLogs-list-footer {
        overflow: hidden;
        border-top: 1px solid #CCC;
        padding: 10px;
        box-sizing: border-box;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
    }


.PreviewTableCellProductNameStyle {
    font-weight: bold !important;
}

.PreviewTableCellAccessoryStyle {
    padding-left: 50px !important;
    font-size: 12px !important;
}


.quoteLogs-list-open-close-opener {
    position: absolute;
    right: -2px;
    top: 10PX;
    display: block;
    width: 25px;
    /*height: 25px;*/
    border: 1px solid #CDCECF;
    border-right: 1px solid #f2f4f8 !important;
    border-radius: 50% 0 0 50%;
    /*padding: 3px 1px 3px 5px;
			font-size: 21px;
			line-height: 22px;
		cursor: pointer;
	*/
    color: #868686;
    font-size: 17px;
    box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05);
    -moz-box-shadow: inset 0 .2em 0 rgba(0, 0, 0, .05);
    background: #f2f4f8;
    text-align: center;
}

.quoteLogs-list-open-close-opener_v2 {
    box-sizing: content-box;
    display: block;
    width: 25px;
    height: 25px;
    border: 1px solid #CDCECF;
    border-right: 1px solid #f2f4f8 !important;
    position: absolute;
    left: 217px;
    top: 15%;
    border-radius: 50% 0 0 50%;
    padding: 3px 1px 3px 5px;
    font-size: 21px;
    line-height: 22px;
    cursor: pointer;
    color: #868686;
    box-shadow: inset 0 0.2em 0 rgba(0,0,0,.05);
    -moz-box-shadow: inset 0 .2em 0 rgba(0,0,0,.05);
    background: #f2f4f8;
    text-align: center;
}



#quoteLogs .active {
    background-color: #71843f; /* palegreen */
    color: white;
}

    #quoteLogs .active a {
        color: white;
    }

.quoteLogs-item {
    width: 100%;
    padding: 7px 0px;
    display: inline-block;
    border-bottom: 1px #cccccc solid;
}

    .quoteLogs-item:hover {
        background-color: #CDCECF;
    }

    .quoteLogs-item .versionNo {
        width: 25%;
        float: left;
        padding-left: 10px;
    }

    .quoteLogs-item .logDate {
        width: 70%;
        float: right;
        text-align: right;
    }

    .quoteLogs-item .updatedBy {
        width: 90%;
        padding-left: 10px;
        font-size: 10px;
        float: left;
    }

.popOutQuoteDetailsLink:hover {
    color: black;
}
/* /Apply Same CSS into CartMaker.csHtml Part-1 */
/* /LMC - Quote Maker */

/* ToDo: Move this css into SA production */
.table-padding-one tbody tr td {
    padding: 1px 10px;
}