/* ----------------------------------------------
 * Generated by Animista on 2017-3-21 13:59:16
 * http://animista.net
 * T: @cssanimista
 * ---------------------------------------------- */    
@-webkit-keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}
@keyframes tracking-in-expand{0%{letter-spacing:-.5em;opacity:0}40%{opacity:.6}100%{opacity:1}}

/* ----------------------------------------------
show only h1
* ---------------------------------------------- */   
h1{
    -webkit-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    -moz-animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
    animation: tracking-in-expand 0.7s cubic-bezier(0.215, 0.610, 0.355, 1.000) both;
}


/* ----------- SET FONT ----------- */
body, p, div, span, button, a, td, label{
    font-family: 'Prompt', sans-serif !important;
}
.navbar-brand{
    float:right !important;
}


.fontsize16{
  font-size:16px;
  color:#0000CC;
}

.color-palette {
    height: 35px;
    line-height: 35px;
    text-align: center;
}

.color-palette-set {
    margin-bottom: 15px;
}

.color-palette span {
    display: none;
    font-size: 12px;
}

.color-palette:hover span {
    display: block;
}

.color-palette-box h4 {
    position: absolute;
    top: 100% ;
    left: 25px;
    margin-top:-40px;
    color: rgba(255, 255, 255, 0.8);
    font-size: 12px;
    display: block;
    z-index: 7;
}

.font10{font-size:10px !important;}
.font12{font-size:12px !important;}
.font14{font-size:14px !important;}
.font16{font-size:16px !important;}
.font18{font-size:18px !important;}
.font20{font-size:20px !important;}
.font22{font-size:22px !important;}
.font24{font-size:24px !important;}
.font28{font-size:28px !important;}
.font32{font-size:32px !important;}
.font34{font-size:34px !important;}
.font36{font-size:36px !important;}
.font38{font-size:38px !important;}
.font40{font-size:40px !important;}
.font42{font-size:42px !important;}
.font44{font-size:44px !important;}
.font46{font-size:46px !important;}
.font48{font-size:48px !important;}
.font50{font-size:50px !important;}

.text-green{color:green !important}
.text-grey{color:#888 !important}
.text-red{color:red !important}
.text-orange{color:orange !important}
.text-darkorange{color:#ff6633 !important}
.text-violet{color:blueviolet !important}
.text-blue{color:blue !important}
.text-sky{color:#007fff !important}
.text-black{color:black !important}
.text-pink{color:pink !important}
.text-white{color:white !important}
.text-black{color:black !important}

.bg-green{background-color:green !important}
.bg-grey{background-color:#888 !important}
.bg-greywhite{background-color:#DDD !important}
.bg-red{background-color:red !important}
.bg-orange{background-color:#f68b00 !important}
.bg-orangedark{background-color:#ec6b00 !important}
.bg-violet{background-color:blueviolet !important}
/* .bg-blue{background-color:blue !important} */
.bg-darkblue{background-color:darkblue !important}
.bg-sky{background-color:#007fff !important}
.bg-black{background-color:black !important}
.bg-pink{background-color:pink !important}
.bg-yellow{background-color:#d0d032 !important}
.text-yellow{color:#C4B611 !important}
.bg-darkyellow{background-color:#C4B611 !important}

.border-green{border-color:green !important}
.border-grey{border-color:#888 !important}
.border-greywhite{border-color:#DDD !important}
.border-red{border-color:red !important}
.border-orange{border-color:#ff6600 !important}
.border-violet{border-color:blueviolet !important}
.border-blue{border-color:blue !important}
.border-sky{border-color:#007fff !important}
.border-black{border-color:black !important}
.border-pink{border-color:pink !important}
.border-yellow{border-color:#d0d032 !important}
.border-darkyellow{border-color:#C4B611 !important}

.border0{border:0px solid;}
.border1{border:1px solid;}
.border2{border:2px solid;}
.border3{border:3px solid;}
.border4{border:4px solid;}
.border5{border:5px solid;}

.border-radius0{border-radius:0px !important}
.border-radius1{border-radius:1px !important}
.border-radius2{border-radius:2px !important}
.border-radius3{border-radius:3px !important}
.border-radius4{border-radius:4px !important}
.border-radius5{border-radius:5px !important}

.margin-auto{margin:auto !important}
.margin-top-0{margin-top:0px !important}
.margin-top-5{margin-top:5px !important}
.margin-top-10{margin-top:10px !important}
.margin-top-15{margin-top:15px !important}
.margin-top-20{margin-top:20px !important}
.margin-top-25{margin-top:25px !important}
.margin-top-30{margin-top:30px !important}
.margin-top-35{margin-top:35px !important}
.margin-top-40{margin-top:40px !important}   
.margin-top-45{margin-top:45px !important}
.margin-top-50{margin-top:50px !important}   
.margin-top-55{margin-top:55px !important}

.margin-left-0{margin-left:0px !important}
.margin-left-5{margin-left:5px !important}
.margin-left-10{margin-left:10px !important}
.margin-left-15{margin-left:15px !important}
.margin-left-20{margin-left:20px !important}
.margin-left-25{margin-left:25px !important}
.margin-left-30{margin-left:30px !important}    
.margin-left-35{margin-left:35px !important}
.margin-left-40{margin-left:40px !important}   
.margin-left-45{margin-left:45px !important}
.margin-left-50{margin-left:50px !important}   
.margin-left-55{margin-left:55px !important}

.margin-bottom-0{margin-bottom:0px !important}
.margin-bottom-5{margin-bottom:5px !important}
.margin-bottom-10{margin-bottom:10px !important}
.margin-bottom-15{margin-bottom:15px !important}
.margin-bottom-20{margin-bottom:20px !important}
.margin-bottom-25{margin-bottom:25px !important}
.margin-bottom-30{margin-bottom:30px !important} 
.margin-bottom-35{margin-bottom:35px !important}
.margin-bottom-40{margin-bottom:40px !important}   
.margin-bottom-45{margin-bottom:45px !important}
.margin-bottom-50{margin-bottom:50px !important}   
.margin-bottom-55{margin-bottom:55px !important}

.margin-right-0{margin-right:0px !important}
.margin-right-5{margin-right:5px !important}
.margin-right-10{margin-right:10px !important}
.margin-right-15{margin-right:15px !important}
.margin-right-20{margin-right:20px !important}
.margin-right-25{margin-right:25px !important}
.margin-right-30{margin-right:30px !important}   
.margin-right-35{margin-right:35px !important}
.margin-right-40{margin-right:40px !important}   
.margin-right-45{margin-right:45px !important}
.margin-right-50{margin-right:50px !important}   
.margin-right-55{margin-right:55px !important}

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

.padding0{padding:0px !important;}
.padding5{padding:5px !important;}
.padding10{padding:10px !important;}
.padding15{padding:15px !important;}
.padding20{padding:20px !important;}
.padding25{padding:25px !important;}
.padding30{padding:30px !important;}
.padding45{padding:45px !important;}
.padding50{padding:50px !important;}
.padding55{padding:55px !important;}
.padding60{padding:60px !important;}

.padding-top-0{padding-top:0px !important}
.padding-top-5{padding-top:5px !important}
.padding-top-10{padding-top:10px !important}
.padding-top-11{padding-top:11px !important}
.padding-top-12{padding-top:12px !important}
.padding-top-13{padding-top:13px !important}
.padding-top-14{padding-top:14px !important}
.padding-top-15{padding-top:15px !important}
.padding-top-16{padding-top:16px !important}
.padding-top-17{padding-top:17px !important}
.padding-top-18{padding-top:18px !important}
.padding-top-19{padding-top:19px !important}
.padding-top-20{padding-top:20px !important}
.padding-top-25{padding-top:25px !important}
.padding-top-30{padding-top:30px !important}
.padding-top-35{padding-top:35px !important}
.padding-top-40{padding-top:40px !important}
.padding-top-45{padding-top:45px !important}
.padding-top-50{padding-top:50px !important}

.padding-left-0{padding-left:0px !important}
.padding-left-5{padding-left:5px !important}
.padding-left-10{padding-left:10px !important}
.padding-left-15{padding-left:15px !important}
.padding-left-20{padding-left:20px !important}
.padding-left-25{padding-left:25px !important}
.padding-left-30{padding-left:30px !important}    
.padding-left-35{padding-left:35px !important}
.padding-left-40{padding-left:40px !important}
.padding-left-45{padding-left:45px !important}
.padding-left-50{padding-left:50px !important}

.padding-bottom-0{padding-bottom:0px !important}
.padding-bottom-5{padding-bottom:5px !important}
.padding-bottom-10{padding-bottom:10px !important}
.padding-bottom-15{padding-bottom:15px !important}
.padding-bottom-20{padding-bottom:20px !important}
.padding-bottom-25{padding-bottom:25px !important}
.padding-bottom-30{padding-bottom:30px !important} 
.padding-bottom-35{padding-bottom:35px !important}
.padding-bottom-40{padding-bottom:40px !important}
.padding-bottom-45{padding-bottom:45px !important}
.padding-bottom-50{padding-bottom:50px !important}

.padding-right-5{padding-right:5px !important}
.padding-right-10{padding-right:10px !important}
.padding-right-15{padding-right:15px !important}
.padding-right-20{padding-right:20px !important}
.padding-right-25{padding-right:25px !important}
.padding-right-30{padding-right:30px !important}    
.padding-right-35{padding-right:35px !important}
.padding-right-40{padding-right:40px !important}
.padding-right-45{padding-right:45px !important}
.padding-right-50{padding-right:50px !important}

.float-right{float:right !important;}
.float-left{float:left !important;}
.float-center{margin:auto !important;}
.center{margin:auto !important;}
.pointer{cursor:pointer !important;}

.width10{width:10px !important}
.width20{width:20px !important}
.width30{width:30px !important}
.width40{width:40px !important}
.width50{width:50px !important}
.width100{width:100px !important}
.width150{width:150px !important}
.width200{width:200px !important}
.width250{width:250px !important}
.width300{width:300px !important}
.width350{width:350px !important}
.width400{width:400px !important}
.width450{width:450px !important}
.width500{width:500px !important}
.width550{width:550px !important}
.width600{width:600px !important}

.min-width50{min-width:50px !important}
.min-width100{min-width:100px !important}
.min-width150{min-width:150px !important}
.min-width200{min-width:200px !important}
.min-width250{min-width:250px !important}
.min-width300{min-width:300px !important}
.min-width350{min-width:350px !important}
.min-width400{min-width:400px !important}
.min-width450{min-width:450px !important}
.min-width500{min-width:500px !important}
.min-width550{min-width:550px !important}
.min-width600{min-width:600px !important}

.max-width50{max-width:50px !important}
.max-width100{max-width:100px !important}
.max-width150{max-width:150px !important}
.max-width200{max-width:200px !important}
.max-width250{max-width:250px !important}
.max-width300{max-width:300px !important}
.max-width350{max-width:350px !important}
.max-width400{max-width:400px !important}
.max-width450{max-width:450px !important}
.max-width500{max-width:500px !important}
.max-width550{max-width:550px !important}
.max-width600{max-width:600px !important}


.border-raduis0{border-radius: 0px !important}
.border-raduis1{border-radius: 1px !important}
.border-raduis2{border-radius: 2px !important}
.border-raduis3{border-radius: 3px !important}
.border-raduis4{border-radius: 4px !important}
.border-raduis5{border-radius: 5px !important}

.font-center{
    text-align:center !important;
}

.font-left{
    text-align:left !important;
}

.font-right{
    text-align:right !important;
}

.font6em{
    font-size:0.6em;
}
.font8em{
    font-size:0.8em;
}
.font9em{
    font-size:0.9em;
}
.font10em{
    font-size:1.0em;
}
.font12em{
    font-size:1.2em;
}
.font14em{
    font-size:1.4em;
}
.font15em{
    font-size:1.5em;
}
.font16em{
    font-size:1.6em;
}
.font17em{
    font-size:1.7em;
}
.font18em{
    font-size:1.8em;
}
.font19em{
    font-size:1.9em;
}
.font20em{
    font-size:2em;
}


.font-middle{
    vertical-align:middle !important;
}

.middle{
    vertical-align:middle !important;
}

.bs-callout {
    padding: 20px;
    margin: 20px 0;
    border: 1px solid #eee;
    border-left-width: 5px;
    border-radius: 3px;
}

*.bs-callout:empty {
    padding: 20px;
    margin: 0px;
    border: none;
}

.bs-callout h4 {
    margin-top: 0;
    margin-bottom: 5px;
}
.bs-callout p:last-child {
    margin-bottom: 0;
}
.bs-callout code {
    border-radius: 3px;
}
.bs-callout + .bs-callout {
    margin-top:-5px;
}
.bs-callout-default {
    border-left-color: #777;
}
.bs-callout-default h4 {
    color: #777;
}
.bs-callout-primary {
    border-left-color: #428bca;
}
.bs-callout-primary h4 {
    color: #428bca;
}
.bs-callout-success {
    border-left-color: #5cb85c;
}
.bs-callout-success h4 {
    color: #5cb85c;
}
.bs-callout-danger {
    border-left-color: #d9534f;
}
.bs-callout-danger h4 {
    color: #d9534f;
}
.bs-callout-warning {
    border-left-color: #f0ad4e;
}
.bs-callout-warning h4 {
    color: #f0ad4e;
}
.bs-callout-info {
    border-left-color: #5bc0de;
}
.bs-callout-info h4 {
    color: #5bc0de;
}
  
.buttonAdd {
    position: relative;
    background-color: #4CAF50;
    border: none;
    font-size: 28px;
    color: #FFFFFF;
    padding: 20px;
    width: 200px;
    text-align: center;
    -webkit-transition-duration: 0.4s; /* Safari */
    transition-duration: 0.4s;
    text-decoration: none;
    overflow: hidden;
    cursor: pointer;
}

.buttonAdd:after {
    content: "";
    background: #90EE90;
    display: block;
    position: absolute;
    padding-top: 300%;
    padding-left: 350%;
    margin-left: -20px!important;
    margin-top: -120%;
    opacity: 0;
    transition: all 0.8s
}

.buttonAdd:active:after {
    padding: 0;
    margin: 0;
    opacity: 1;
    transition: 0s
}


.buttonHover {
    border-radius: 4px;
    border: none;
    color: #FFFFFF;
    text-align: center;
    font-size: 28px;
    padding: 30px 50px;
    transition: all 0.5s;
    cursor: pointer;
    margin: 5px;
}

.buttonHover span {
    cursor: pointer;
    display: inline-block;
    position: relative;
    transition: 0.5s;
}

.buttonHover span:after {
    content: '\00bb';
    position: absolute;
    opacity: 0;
    top: 0;
    right: -20px;
    transition: 0.5s;
}

.buttonHover:hover span {
    padding-right: 25px;
}

.buttonHover:hover span:after {
    opacity: 1;
    right: 0;
}
    
.dataTables_filter input{       
    width:300px !important;        
    font-size:16px;
    border:1px solid;
}

.breadcrumb{
    font-size:18px !important;
}

.dataTables_length label{
    margin-top:7px;
    margin-left:10px;
}

.form-horizontal .control-label{
    text-align: left !important;
}

.btn{
    border-radius: 0px !important;
}

.toast-top-center{ 
    top: 20px !important;    
}
.toast {
    opacity: 1 !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current{
    border-radius:0px !important;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border-radius:0px !important;
}