.mr10 {
    margin-right: 10px !important;
}
.mt10{margin-top:10px;}
.wh20{width:20px;
      height:20px;
}
.margintop30 {
    margin-top: 30px;
}
hr {
    margin-top: 0.5rem !important;
    margin-bottom: 0.5rem !important;
    border: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}

/*.login-wrapper {
    left: 48%;
    margin-left: -215px;
    margin-top: -278px;
    position: absolute;
    top: 41%;
    width: 500px;
}*/
.login-wrapper {
    left: 60%;
    margin-left: -215px;
    margin-top: -278px;
    position: absolute;
    top: 25%;
    width: 400px;
}
.well {
    min-height: 20px;
    padding: 19px;
    margin-bottom: 20px;
    background-color: #30506d;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    padding-top: 19% !important;
}
.logo_log_in {
    text-align: center;
    position: relative;
    bottom: -80px !important;
}

.well label {
     display: inline-block;
    max-width: 100%;
    margin-bottom: 5px;
    color: #fff;
    font-size: 16px;
    font-weight: 100;

}
.well .form-control {
    display: block;
    width: 100%;
    height: 48px !important;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #f5f5f5;
    background-color: #252525;
    background-image: none;
    /*border: 1px solid #ccc;*/
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.bt-login{background-color: #47a447 !important;
    color: #fff !important;
    font-size: 18px !important;
    border: 3px solid #fff !important;
    margin-top: 24px;
}
    .login-wrapper .checkbox, .login-wrapper .radio {
        margin: 7px 0;
    }

    .login-wrapper .thumb {
        width: 150px;
        margin: 0 auto;
    }

        .login-wrapper .thumb img,
        .login-wrapper .thumb-options {
            border-radius: 50%;
            -webkit-border-radius: 50%;
            -moz-border-radius: 50%;
        }

    .login-wrapper .thumbnail h6 {
        margin-bottom: 20px;
    }

.page-condensed .footer {
    position: absolute;
    bottom: 0;
    width: 100%;
    padding-left: 25px;
    padding-right: 25px;
}

@media (max-width: 480px) {
    .login-wrapper,
    .error-wrapper {
        width: 100%;
        margin: 0;
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        position: static;
    }

    .login-wrapper {
        padding-top: 35px;
        padding-bottom: 35px;
    }


    .error-wrapper,
    .error-content {
        width: 100%;
    }

        .error-wrapper h1 {
            font-size: 140px;
            padding-top: 0px;
        }

        .error-wrapper.offline h1 {
            font-size: 100px;
        }

    .page-condensed .error-wrapper {
        padding-top: 35px;
    }

    .page-condensed .footer {
        display: none;
    }
}

.whole_body {
    background-color: #f0f0ef;
    height: 100%;
    width: 100%;
}

/*.logo_log_in {
    width: 200px;
    height: 10px;
}*/
.marginbot10{margin-bottom:10px;}
.log_in_heading {
    font-size: 2em;
    color: #7C7B7A;
    text-align: center;
}

.default_icon {
    background-image: url("../images/default_img.png");
    background-repeat: no-repeat;
    height: 70px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 24px;
    width: 72px;
}

.form_controler {
    width: 33%;
    margin-left: auto;
    margin-right: auto;
}

.para {
    padding: 40px;
    text-align: justify;
}

.logo_log_in {
    /*height: 54px;
    margin-left: auto;
    margin-right: auto;*/
    text-align: center;
}
.height40{height:40px;}

.loginbtn {
      background-color: #47a447 !important;
    border: 1px #fcfcfc solid;
    height: 52px;
    color: #fff !important;
    font-size: 17px;
}

.signupbtn {
  background-color: #ef3f42 !important;
    border: 1px #47a447 solid;
    height: 52px;
    color: #fff !important;
    font-size: 17px;
}


.field-validation-error {
    color: red !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}
.validation-summary-errors {
    color: red !important;
    font-size: 12px !important;
    margin-top: 5px !important;
}
.navbar-default {
    background-color: #ebe9f0 !important;
    border-color: #d4d4d4 !important;
}
.navbar-brand {
    padding: 4px 15px 15px 15px !important;
}
.navbar-default .navbar-nav > li > a {
    color: #333 !important;
}
    .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover {
        color: #777 !important;
        background-color: transparent;
    }


.panel-primary > .panel-heading {
    
    font-weight:600;
    background-color: #747880/*ecdcf9*/ !important;
    border-color: #323333 !important;
}
.panel-primary {
    border-color: #747880 !important;
}
.panel-body {
    padding: 15px 3px 15px 3px !important;
}
.boxbg {
    background-color: #fff;
    padding: 5px;
    box-shadow: 1px 1px 2px #acacac;
    border: #ececec solid 1px;
    padding-bottom: 5px !important;
}
.pro-heading {
    font-size: 16px;
    color: #ed3c40;
    font-weight: bolder;
    text-transform: uppercase;
    height: 28px;
}
.pro-img {
    width: 320px;
    border: solid #ddd 1px;
    height: 135px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}
    .pro-img > img {
        height: 100%;
    }
.product-des {
    height: 90px;
    /* background-color: #f4f4f3; */
    border-bottom: solid #ececeb 1px;
    overflow: auto;
    padding: 5px;
}
.formbtn {
    font-size: 12px !important;
    border-radius: 3px !important;
    line-height: 26px !important;
    padding: 1px !important;
}
.marginbottom10 {
    margin-bottom: 10px !important;
}
.marginleft5 {
    margin-left: 5px;
}

.addbtn {
    display: inline-block;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    margin: 0 5px 5px 0;
    padding: 7px;
    border-radius: 3px;
    width: auto;
    color:#fff;
    background: #595d65;
    border-color: #89909C !important;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}

    .addbtn:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #2098D1;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 0 50%;
        transform-origin: 0 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .addbtn:hover, .addbtn:focus, .addbtn:active {
        color: white;
    }

        .addbtn:hover:before, .addbtn:focus:before, .addbtn:active:before {
            -webkit-transform: scaleX(1);
            transform: scaleX(1);
        }


/* Rectangle In */
.setseq {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    background: #2098D1;
    -webkit-transition-property: color;
    transition-property: color;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

    .setseq:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background: #e1e1e1;
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .setseq:hover, .setseq:focus, .setseq:active {
        color: white;
    }

        .setseq:hover:before, .setseq:focus:before, .setseq:active:before {
            -webkit-transform: scale(0);
            transform: scale(0);
        }

@-webkit-keyframes deletebtnp {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

@keyframes deletebtnp {
    50% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
    }
}

.deletebtnp {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color:#fff !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ef0909/*f7a7a7*/;
}

    .deletebtnp:before {
        content: "\f05c";
        position: absolute;
        color: white;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .deletebtnp:hover:before, .deletebtnp:focus:before, .deletebtnp:active:before {
        -webkit-animation-name: deletebtnp;
        animation-name: deletebtnp;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    /*****/
.searchbtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #a37144 /*f7a7a7*/;
}

    .searchbtn:before {
        content: "\f002";
        position: absolute;
        color: white;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.searchbtn:hover:before, .searchbtn:focus:before, .searchbtn:active:before {
    -webkit-animation-name: deletebtnp;
    animation-name: deletebtnp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.editbtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color:#000 !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #97d6f7;
}

    .editbtn:before {
        content: "\f044";
        position: absolute;
        color: black;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .editbtn:hover:before, .editbtn:focus:before, .editbtn:active:before {
        -webkit-animation-name: deletebtnp;
        animation-name: deletebtnp;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }


.addbtnp {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: lightseagreen;
    color:#fff;
}

    .addbtnp:before {
        content: "\f055";
        position: absolute;      
        left: 0em;
        padding: 0 3px !important;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .addbtnp:hover:before, .addbtnp:focus:before, .addbtnp:active:before {
        -webkit-animation-name: deletebtnp;
        animation-name: deletebtnp;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

.savebtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color:#fff !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #5cb85c /*56c680*/;
}

    .savebtn:before {
        content: "\f0c7";
        position: absolute;
        color: #fff;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.savebtn:hover:before, .savebtn:focus:before, .savebtn:active:before {
    -webkit-animation-name: deletebtnp;
    animation-name: deletebtnp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.disablebtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #000 !important; 
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ed98aa;
}

.disablebtn:before {
        content: "\f05e";
        position: absolute;
        color: #480110;
        left: 0em;
        padding: 0 3px;
   
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.disablebtn:hover:before, .disablebtn:focus:before, .disablebtn:active:before {
    -webkit-animation-name: deletebtnp;
    animation-name: deletebtnp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}


.settingbtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #ed98aa;
}

.settingbtn:before {
        content: "\f013";
        position: absolute;
        color: #fff;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.settingbtn:hover:before, .disablebtn:focus:before, .disablebtn:active:before {
        -webkit-animation-name: deletebtnp;
        animation-name: deletebtnp;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

.uploadbtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    color: #fff !important;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #888 /*56c680*/;
}

.uploadbtn:before {
        content: "\f093";
        position: absolute;
        color: #fff;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.uploadbtn:hover:before, .uploadbtn:focus:before, .uploadbtn:active:before {
    -webkit-animation-name: deletebtnp;
    animation-name: deletebtnp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}

   

 .enablebtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    color:#fff !important;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #56c680;
}

    .enablebtn:before {
        content: "\f058";
        position: absolute;
        color: #fff;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

.enablebtn:hover:before, .enablebtn:focus:before, .enablebtn:active:before {
    -webkit-animation-name: deletebtnp;
    animation-name: deletebtnp;
    -webkit-animation-duration: 0.3s;
    animation-duration: 0.3s;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
    -webkit-animation-iteration-count: 1;
    animation-iteration-count: 1;
}
.grprightbtn {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px transparent;
    position: relative;
    padding-left: 1.5em !important;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
    background-color: #f9d191;
}

    .grprightbtn:before {
        content: "\f29a";
        position: absolute;
        color: #6c4201;
        left: 0em;
        padding: 0 3px;
        font-family: FontAwesome;
        -webkit-transform: translateZ(0);
        transform: translateZ(0);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }

    .grprightbtn:hover:before, .grprightbtn:focus:before, .grprightbtn:active:before {
        -webkit-animation-name: deletebtnp;
        animation-name: deletebtnp;
        -webkit-animation-duration: 0.3s;
        animation-duration: 0.3s;
        -webkit-animation-timing-function: linear;
        animation-timing-function: linear;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }


.checkbox{margin-top:0px !important;}

.btn-file {
    position: relative;
    overflow: hidden;
}

.btn-file input[type=file] {
    position: absolute;
    top: 0;
    right: 0;
    min-width: 100%;
    min-height: 100%;
    /*font-size: 100px;*/
    text-align: right;
    filter: alpha(opacity=0);
    opacity: 0;
    outline: none;
    /*background: white;*/
    cursor: inherit;
    display: block;
    /*background: url(../Images/Hindwarelogo.png) no-repeat top left;*/
}
.height160 {height:160px !important;}
.height120 {
    height: 120px !important;
}
.height200 {
    height: 200px;
}
.thumb {
    background: url(../Images/no_image.jpg) no-repeat;
    background-size: contain;
    background-position: center;
}
label.error {
    color: red;
}

.preview-img {
    width: 178px;
    height: 135px;
    position: relative;
    display: inline-block;
    overflow: hidden;
    text-align: center;
}

    .preview-img > img {
        height: 100%;
    }
.imgcontainer{border:1px solid #eee; min-height:100px; width:auto;}
.tab-content {
    padding: 6px 12px;
    border: 1px solid #ccc;
background:#fff;
}
.red {
    color: red;
    margin-top: 4px
}
.blue {
    color: blue;
    margin-top: 4px
}
.margintop10{margin-top:10px;}

.marginbtm{
    margin-bottom:5px!important;
}

.employee-type {
    width: 18%;
    margin-top: -6px;
}