/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Nov 21, 2016, 5:41:26 PM
    Author     : sneha.parpelli
*/

.add-btn,.upload-btn,.download-btn,.btn-filter,.cancel-btn,.back-btn,.save-btn,.next-btn,.update-btn{overflow:hidden;padding:12px 68px 10px 20px;position:relative;cursor:pointer;text-transform:uppercase;color:#fff;font-weight:bold;letter-spacing:1.2px;width:80%;margin-top:20px}
.add-btn:before,.upload-btn:before,.download-btn:before,.btn-filter:before,.back-btn:before,.save-btn:before,.next-btn:before,.update-btn:before,.cancel-btn:before{content:"";height:100%;padding:33px 34px;position:absolute;right:-27px;top:-18px;transform:rotate(62deg)}
.add-btn i,.upload-btn i,.download-btn i,.btn-filter i,.cancel-btn i,.back-btn i,.save-btn i,.next-btn i,.update-btn i{color:#fff;font-size:19px;font-weight:bold;height:100%;position:absolute;right:10px;top:10px}
/*=============add-btn========*/
.add-btn{background-color:#0659a1;border:1px solid #0a61ad}
.add-btn:hover{background-color:#0f7ede;text-decoration:none;color:#fff}
.add-btn:before{background-color:#073c6a}
/*=============add-btn========*/
/*******************************/
/*=============upload-btn========*/
.upload-btn{background:#4DA5B7;border:1px solid #4DA5B7}
.upload-btn:hover{background-color:#61bfd2}
.upload-btn:before{background-color:#368b9c }
/*=============upload-btn========*/
/*******************************/
/*=============download-btn========*/
.download-btn{background:#7fb638;border:1px solid #9BCD5A}
.download-btn:hover{background-color:rgb(125,204,24)}
.download-btn:before{background-color:#71a133 }
/*=============download-btn========*/
/*******************************/
/*=============filter-btn========*/
.btn-filter{background:#EFA729;border:1px solid #EFA729}
.btn-filter:hover{background-color:#efc429 }
.btn-filter:before{background-color:#e19715 }
/*=============filter-btn========*/
/*******************************/
/*=============back-btn========*/
.back-btn{background-color:#404040;border:1px solid #404040}
.back-btn:hover{background-color:#5d5b5b;text-decoration:none;color:#fff}
.back-btn:before{background-color:#212121}
/*=============back-btn========*/
/*******************************/
/*=============save-btn========*/
.save-btn{background-color:#12aaeb;border:1px solid #0da0de}
.save-btn:hover{background-color:#1094cc;text-decoration:none;color:#fff}
.save-btn:before{background-color:#1086b9 !important}
/*=============save-btn========*/
/*******************************/
/*=============next-btn========*/
.next-btn{background-color:#f7a430;border:1px solid #de952f}
.next-btn:hover{background-color:#f79b1a;text-decoration:none;color:#fff}
.next-btn:before{background-color:#ef8e06}
/*=============next-btn========*/
/*******************************/
/*=============update-btn========*/
.update-btn{background-color:#AB86B7;border:1px solid #AB86B7}
.update-btn:hover{background-color:#b997c3;text-decoration:none;color:#fff}
.update-btn:before{background-color:#724f7d}
/*=============update-btn========*/
/*******************************/
/*=============modify-btn========*/
.modify-btn{color:#11e8cc;background-color:transparent;border-color:#11e8cc !important;background-image:none !important;text-shadow:none !important;font-size:14px !important;font-weight:bold;float:right}
.modify-btn:hover{background:#11e8cc;color:#fff}
/*=============modify-btn========*/
/*******************************/
/*=============cancel-btn========*/
.cancel-btn{background-color:#f58581;border:1px solid #f58581}
.cancel-btn:hover{background-color:#f3a19f;text-decoration:none;color:#fff}
.cancel-btn:before{background-color:#d44641}
/*=============cancel-btn========*/
.edit-ico{color:#2aba2d}
.delete-ico{color:#f00808}
.attribute-ico{color:#0c85ec}
.attatchment-ico{color:#d88209}
.share-ico{color:#811FA9}
.view-ico{color:#4da5b7}
.disabled-action-icon{color:#888;margin-right:8px}
.lov_btn{font-size:13px;line-height:0.428571;padding:5px 12px;height:25px}
.input-side-btn{height:25px;padding:4px 10px;line-height:0}.input-side-btn-container{margin:-3px}
/*-----inner buttons-----*/
.inner-add-btn,.inner-search-btn,.inner-reset-btn,.inner-save-btn,.inner-show-btn,.inner-address-btn,.inner-disable-attachment-btn,.inner-disable-address-btn,.inner-update-btn,.inner-upload-btn,.inner-download-btn{padding:3px 10px;font-weight:bold;letter-spacing:1.2px;color:#4da5b7;margin:7px 0px}
.inner-fa-plus,.inner-fa-search,.inner-fa-minus,.inner-fa-trash-o,.inner-fa-chevron-down,.inner-fa-eye,.inner-fa-location,.inner-fa-pencil,.inner-fa-disable-location,.inner-fa-upload-pencil,.inner-fa-download-pencil,.inner-fa-disable-attachment{border-radius:17px;padding:5px;color:#fff;font-size:15px;margin-right:5px}
/*---------------inner save btn-----------*/
.inner-save-btn{border:1px solid #7ad47a;background:#7ad47a;color:#fff}
.inner-save-btn:hover{border:1px solid #7ad47a;background:none;color:#7ad47a}
.inner-save-btn:hover>.inner-fa-chevron-down{background:#7ad47a;color:#fff}
.inner-fa-chevron-down{background:#fff;color:#7ad47a}
/*---------------inner save btn-----------*/

/*---------------inner update btn-----------*/
.inner-update-btn{border:1px solid #AB86B7;background:#AB86B7;color:#fff}
.inner-update-btn:hover{border:1px solid #AB86B7;background:none;color:#AB86B7}
.inner-update-btn:hover>.inner-fa-pencil{background:#AB86B7;color:#fff}
.inner-fa-pencil{background:#fff;color:#AB86B7}
/*---------------inner update btn-----------*/

/*---------------inner upload btn-----------*/
.inner-upload-btn{border:1px solid #4DA5B7;background:#4DA5B7;color:#fff}
.inner-upload-btn:hover{border:1px solid #4DA5B7;background:none;color:#4DA5B7}
.inner-upload-btn:hover>.inner-fa-upload-pencil{background:#4DA5B7;color:#fff}
.inner-fa-upload-pencil{background:#fff;color:#4DA5B7}
/*---------------inner upload btn-----------*/
/*---------------inner download btn-----------*/
.inner-download-btn{border:1px solid #AF9CB3;background:#AF9CB3;color:#fff}
.inner-download-btn:hover{border:1px solid #AF9CB3;background:none;color:#AF9CB3}
.inner-download-btn:hover>.inner-fa-download-pencil{background:#AF9CB3;color:#fff}
.inner-fa-download-pencil{background:#fff;color:#AF9CB3}

/*---------------inner download btn-----------*/
/*---------------inner add btn-----------*/
.inner-add-btn{border:1px solid #6a98bf;background:#6a98bf;color:#fff}
.inner-add-btn:hover{border:1px solid #6a98bf;background:none;color:#6a98bf}
.inner-add-btn:hover>.inner-fa-plus{background:#6a98bf;color:#fff}
.inner-fa-plus{background:#fff;color:#6a98bf}
/*---------------inner add btn-----------*/

/*---------------inner search btn-----------*/
.inner-search-btn{border:1px solid #5bc0de;background:#5bc0de;color:#fff;margin-right:5px}
.inner-search-btn:hover{border:1px solid #5bc0de;background:none;color:#5bc0de}
.inner-search-btn:hover>.inner-fa-search{background:#5bc0de;color:#fff}
.inner-fa-search{background:#fff;color:#5bc0de}
/*---------------inner search btn-----------*/
/*---------------inner reset/ clear/ delete  btn-----------*/
.inner-reset-btn{border:1px solid #f58581;background:#f58581;color:#fff}
.inner-reset-btn:hover{border:1px solid #f58581;background:none;color:#f58581}
.inner-reset-btn:hover>.inner-fa-minus{background:#f58581;color:#fff}
.inner-reset-btn:hover>.inner-fa-trash-o{background:#f58581;color:#fff}
.inner-fa-minus,.inner-fa-trash-o{background:#fff;color:#f58581}
/*---------------inner reset/ clear/ delete  btn-----------*/
/*---------------inner show btn-----------*/
.inner-show-btn{border:1px solid #368d75;background:#42a98d;color:#fff}
.inner-show-btn:hover{border:1px solid #368d75;background:none;color:#368d75}
.inner-show-btn:hover>.inner-fa-eye{background:#42a98d;color:#fff}
.inner-fa-eye{background:#fff;color:#42a98d}
/*---------------inner show btn-----------*/
/*---------------inner address btn-----------*/
.inner-address-btn{border:1px solid #c27911;background:#eb9316;color:#fff}
.inner-address-btn:hover{border:1px solid #eb9316;background:none;color:#eb9316}
.inner-address-btn:hover>.inner-fa-location{background:#eb9316;color:#fff}
.inner-fa-location{background:#fff;color:#eb9316}
/*---------------inner address btn-----------*/

/*---------------inner disable address/location btn-----------*/
.inner-disable-address-btn{border:1px solid #6D6C6A;background:#908F8D;color:#fff}
.inner-disable-address-btn:hover{border:1px solid #908F8D;background:none;color:#908F8D}
.inner-disable-address-btn:hover>.inner-fa-disable-location{background:#908F8D;color:#fff}
.inner-fa-disable-location{background:#fff;color:#908F8D}
/*---------------inner disable address/location btn-----------*/
/*---------------inner disable attachment btn-----------*/
.inner-disable-attachment-btn{border:1px solid #6D6C6A;background:#908F8D;color:#fff}
.inner-disable-attachment-btn:hover{border:1px solid #908F8D;background:none;color:#908F8D}
.inner-disable-attachment-btn:hover>.inner-fa-disable-attachment{background:#908F8D;color:#fff}
.inner-fa-disable-attachment{background:#fff;color:#908F8D}
/*---------------inner disable attachment btn-----------*/
/*---------------------------------attach files------------------------------*/
.btn-attach-files{margin-right:20px;width:95%;padding:3px 0px;font-weight:bold;letter-spacing:1.2px;color:#fff;background:#4da5b7;border:1px solid #4da5b7;margin:7px 0px}
.btn-attach-files:hover{border:1px solid #4da5b7;background:none;color:#4da5b7}
.btn-attach-files:hover>.fa-paperclip{background:#4da5b7;color:#fff}
.inner-fa-paperclip{background:#fff;border-radius:17px;padding:5px;color:#4da5b7;font-size:15px}
/*---------------------------------attach files------------------------------*/
.header-add-btn{background:none;outline:#fff;padding:7px;width:90px;margin-top:3px;color:#fff;text-transform:uppercase;font-weight:bold;border:2px solid #fff;margin-right:30px}
/*upload button*/
/*-----inner buttons-----*/
/*-----multi level dropdown buttons-----*/
.multi-level-dropdown-btn{border:1px solid #60bbc6;padding:2px;padding-left:10px;background-color:#fff;border-radius:0px;width:100%;text-align:left}
.multi-level-dropdown-btn i{float:right;font-size:15px;padding-right:3px}
/*-----multi level dropdown buttons-----*/
/*-----show more button-----*/
.btn-cont .btn{position:relative;padding:7px 25px;color:black;text-decoration:none;font-size:1.125em;font-family:'Open Sans',sans-serif;text-transform:uppercase;letter-spacing:2px;-webkit-font-smoothing:antialiased;margin:10px 0px}
.line-1{-webkit-animation:move1 1500ms infinite ease;animation:move1 1500ms infinite ease}
.line-2{-webkit-animation:move2 1500ms infinite ease;animation:move2 1500ms infinite ease}
.line-3{-webkit-animation:move3 1500ms infinite ease;animation:move3 1500ms infinite ease}
.line-4{-webkit-animation:move4 1500ms infinite ease;animation:move4 1500ms infinite ease}
.btn-cont .line-1{content:"";display:block;position:absolute;width:1px;background-color:black;left:0;bottom:0}
.btn-cont .line-2{content:"";display:block;position:absolute;height:1px;background-color:black;left:0;top:0}
.btn-cont .line-3{content:"";display:block;position:absolute;width:1px;background-color:black;right:0;top:0}
.btn-cont .line-4{content:"";display:block;position:absolute;height:1px;background-color:black;right:0;bottom:0}
.ghost-btn{overflow:hidden;padding:3px 68px 3px 17px;position:relative;cursor:pointer;color:#002b57;font-weight:bold;letter-spacing:1.2px;background:#fff;border:1px solid #002b57;margin-right:5px;transition:0.2s ease-in-out;margin-bottom:5px}
.ghost-btn:hover{box-shadow:0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23)}
.ghost-btn:focus{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}
.ghost-btn:before{content:"";height:64px;padding:33px 35px;width:57px;position:absolute;right:-27px;top:-18px;background:url(../../images/button-before.png);transition:0.2s ease-in-out;background-repeat:no-repeat;background-size:100% 100%}
.ghost-btn i{color:#fff;font-size:15px;height:100%;position:absolute;right:10px;top:5px}
@-webkit-keyframes move1 {
    0% {
        height: 100%;
        bottom: 0;
    }
    54% {
        height: 0;
        bottom: 100%;
    }
    55% {
        height: 0;
        bottom: 0;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}

@keyframes move1 {
    0% {
        height: 100%;
        bottom: 0;
    }
    54% {
        height: 0;
        bottom: 100%;
    }
    55% {
        height: 0;
        bottom: 0;
    }
    100% {
        height: 100%;
        bottom: 0;
    }
}
@-webkit-keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}
@keyframes move2 {
    0% {
        width: 0;
        left: 0;
    }
    50% {
        width: 100%;
        left: 0;
    }
    100% {
        width: 0;
        left: 100%;
    }
}
@-webkit-keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }
    54% {
        height: 0;
        top: 100%;
    }
    55% {
        height: 0;
        top: 0;
    }
    100% {
        height: 100%;
        top: 0;
    }
}
@keyframes move3 {
    0% {
        height: 100%;
        top: 0;
    }
    54% {
        height: 0;
        top: 100%;
    }
    55% {
        height: 0;
        top: 0;
    }
    100% {
        height: 100%;
        top: 0;
    }
}
@-webkit-keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }
    55% {
        width: 100%;
        right: 0;
    }
    100% {
        width: 0;
        right: 100%;
    }
}
@keyframes move4 {
    0% {
        width: 0;
        right: 0;
    }
    55% {
        width: 100%;
        right: 0;
    }
    100% {
        width: 0;
        right: 100%;
    }
}
/*-----show more button-----*/

/*media query*/
@media only screen and (max-width:480px) and (min-width:240px) {
    .next-btn{width:100%;font-size:12px;padding:12px 68px 10px 12px}
    .back-btn,.save-btn,.next-btn{width:100%;font-size:12px;padding:12px 68px 10px 12px}
    .header-add-btn{padding:2px;margin-right:15px}
}
@media only screen and (max-width:980px) and (min-width:768px) {
}
@media only screen and (min-width:1000px) and (max-width:1024px) {
}
/*media query*/