@import url(//fonts.googleapis.com/css?family=Poppins:300,400,500,600);
body {font-family:'Poppins',sans-serif;font-weight:400;}

.wrap {margin:0;padding:0;}
.grid-view td {vertical-align:top !important;}

.select2-selection__clear {padding-top:3px;}

.select2.input-xs .select2-selection {padding-top:4px !important;height:26px;}
.select2.input-xs .select2-selection__arrow {height:24px;}
.select2.input-xs .select2-selection__clear {padding-top:0;}

.btn-green {color:#fff;background-color:#198754;border-color:#16794b}
.btn-green:hover, .btn-green:focus {color:#fff;background-color:#146c43;border-color:#115e3a;}
.bg-green {background-color:#198754;}

.btn-brown {color:#fff;background-color:#ca6510;border-color:#b55a0e}
.btn-brown:hover, .btn-brown:focus {color:#fff;background-color:#a1500c;border-color:#8d460b;}
.bg-brown {background-color:#ca6510;}

.btn-cyan {color:#fff;background-color:#17a2b8;border-color:#1491a5;}
.btn-cyan:hover, .btn-cyan:focus {color:#fff;background-color:#128193;border-color:#107180;}
.bg-cyan {background-color:#17a2b8;}

.btn-purple {color:#fff;background-color:#6f42c1;border-color:#6339af}
.btn-purple:hover, .btn-purple:focus {color:#fff;background-color:#58339c;border-color:#4d2c88;}
.bg-purple {background-color:#6f42c1;}

.bg-yellow{ background-color: #f9d02e; color:black; }
.bg-red{ background: #da2121; color: white; }
.bg-dark-green { background-color: #808000; }
.bg-light-green { background-color: #68f65b; color: black; }

.badge-task {background-color:#17a2b8;color:#fff;margin-bottom:1px;margin-left:5px;font-size:10px;}
.badge-program {font-weight:normal;font-size:12px;border-radius:3px;margin-bottom:5px;padding:5px;width:100%;display:block;}

.circle-text {
  width: 120px;
  height: 120px;
  line-height: 120px;
  border-radius: 50%;
  font-size: 35px;
  color: #fff;
  text-align: center;
  background: #337ab7;
}

.grid-view td a {font-size:13px;}

#action_delete {background-color:#d9534f;color:#fff;}
#action_delete:hover {background-color:#c9302c;}

#action_update {background-color:#5cb85c;color:#fff;}
#action_update:hover {background-color:#449d44;}

@media only screen and (max-width:767px){
    .role-name-mobile{
        display:inline;
    }
}

@media only screen and (min-width:768px){
    .role-name-mobile{
        display:none;
    }
}

.file-preview-image {
    font: 20px Impact, Charcoal, sans-serif !important;
}