/*!
 * Start Bootstrap - Simple Sidebar HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

@font-face {
  font-family: roboto;
  font-weight: 700;
  src: url(../fonts/Roboto-Bold.ttf);
}
@font-face {
  font-family: roboto-condensed;
  font-weight: 700;
  src: url(../fonts/Roboto-BoldCondensed.ttf);
}
@font-face {
  font-family: roboto-condensed;
  font-weight: 400;
  src: url(../fonts/Roboto-Condensed.ttf);
}
@font-face {
  font-family: roboto;
  font-weight: 300;
  src: url(../fonts/Roboto-Light.ttf);
}
@font-face {
  font-family: roboto;
  font-weight: 400;
  src: url(../fonts/Roboto-Regular.ttf);
}

html{
  position: relative;
  min-height: 100%;
}

body{
    font-family: roboto;
    font-weight: 400;
    color: #A0ABBF;
    background-color: #ECF0F1;

}

.bold {
    font-family: roboto;
    font-weight: 700;
    color: #000;
}

a:hover,
a:focus,
a:active{
    text-decoration: none;
}
.img-circle{
    border-radius: 50%; 
}

.divider{
    border: 0;
    height: 1px;
    background: #B9B9B9;
}

.arrow-left {
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid blue; 
}

.clearfix{
    clear: both;
}

#icon{
    height: 0;
    width: 0;
}

.dark-gray{
    color: #95A5A6;
}

/* Form Styles */
@media (min-width: 768px){
    .add-worker-form .form-horizontal, 
    .add-participant-form .form-horizontal,
    .add-business .form-horizontal,
    .add-goods .form-horizontal{
        margin: 0px 0px 0px 15px ;
    }
}

.form-control {
    border-radius: 0px;
}

.form-horizontal .control-label {
    text-align: left;
    font-weight: 500;
}

/* Button Styles */
a.btn.btn-block.btn-grey,
a.btn.btn-block.btn-yellow,
a.btn.btn-block.btn-green,
a.btn.btn-block.btn-red,
a.btn.btn-block.btn-blue, 
a.btn.btn-block.btn-darkblue{
    text-transform: uppercase;
}
.btn-darkblue{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #f5f5f5;
    background-color: #343f51;
    border-color: #343f51;
    border-radius: 0px;
    text-transform: uppercase;
    margin-top: 15px;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-darkblue:hover, .btn-darkblue:focus, .btn-darkblue:active{
    color: #fff;
    background-color: #465875;
    border-color:#465875;
}

.btn-yellow{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #354052;
    background-color: #FFD507;
    border-color: #FFD507;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-yellow:hover, .btn-yellow:focus, .btn-yellow:active{
    text-decoration: none;
    color: #354052;
    background-color: #F9BF3B; 
    border-color: #F9BF3B;
}

.btn-grey{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #354052;
    background-color: #D6D6D6;
    border-color: #D6D6D6;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-grey:hover, .btn-grey:focus, .btn-grey:active{
    text-decoration: none;
    background-color: #BDC3C7;
    border-color: #BDC3C7;
    color: #354052;  
}

.btn-grey-upload{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #354052;
    background-color: #D6D6D6;
    border-color: #D6D6D6;
    border-radius: 0px;
    text-transform: uppercase;
    margin-top: 0px;
    padding: 10px 30px;
    cursor: pointer;
}

.btn-grey-upload:hover, .btn-grey-upload:focus, .btn-grey-upload:active{
    text-decoration: none;
    background-color: #BDC3C7;
    border-color: #BDC3C7;
    color: #354052;  
}

.btn-red{
    font-family: roboto;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    background-color: #e64a19 ;
    border-color: #e64a19 ;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-red:hover, .btn-red:focus, .btn-red:active{
    text-decoration: none;
    background-color: #B93207;
    border-color: #B93207;
    color: #fff;  
}

.btn-green{
    font-family: roboto;
    font-weight: 700;
    font-size: 12px;
    color: #fff;
    background-color: #8bc34a ;
    border-color: #8bc34a ;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-green:hover, .btn-green:focus, .btn-green:active{
    text-decoration: none;
    background-color: #6DA52B;
    border-color: #6DA52B;
    color: #fff;  
}

.btn-blue{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #fff;
    background-color: #489cd5;
    border-color: #489cd5;
    border-radius: 0px;
    text-transform: uppercase;
    padding: 10px 12px;
    text-align: center;
    cursor: pointer;
}

.btn-blue:hover, .btn-blue:focus, .btn-blue:active{
    text-decoration: none;
    background-color: #4183D7;
    border-color: #4183D7;
    color: #fff;  
}

.btn-white{
    font-family: roboto;
    font-weight: 700;
    font-size: 11px;
    color: #0f0f0f;
    background-color: #f7f7f7;
    border-color: #0f0f0f;
    border-radius: 0px;
    text-transform: uppercase;
    margin-bottom: 15px;
    padding: 10px;
    cursor: pointer;
}

.btn-white:hover, .btn-white:focus, .btn-white:active{
    text-decoration: none;
    background-color: #4183D7;
    border-color: #4183D7;
    color: #fff;
}

.btn-account-menu{
    font-family: roboto;
    font-weight: 300;
    margin: 20px 20px 20px;
    background: #354052;
}

.btn-toggle-menu{
    padding: 20px 30px 20px 15px;
    background: #FFF;
}

.btn-notification{
    padding: 20px 30px;
    background: #15A4FA;
}
.btn-notification:hover, .btn-notification:focus, .btn-notification:active{
    background-color: #2194DA;
}

/* Icon Styles */

.side-icon{
    margin-right: 10px;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px 20px;
    display: inline-block;
    width: 20px;
    height: 20px;
    vertical-align: middle;
}
.side-icon.icon-dashboard{
    background-image: url(../img/dashboard-01.png);
}
.side-icon.icon-activity{
    background-image: url(../img/kegiatan-01.png);
}
.side-icon.icon-report{    
    background-image: url(../img/laporan-01.png);
}
.side-icon.icon-management{
    background-image: url(../img/kegiatan-01.png);
}
.side-icon.icon-user_management{
    background-image: url(../img/kegiatan-01.png);
}

.icon{
    height: 20px;
}

/* Toggle Styles */

#wrapper {
    padding-left: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled {
    padding-left: 220px;
}

#sidebar-wrapper {
    font-family: roboto-condensed;
    font-weight: 700;
    z-index: 1000;
    position: fixed;
    left: 220px;
    width: 0;
    height: 100%;
    overflow-y: auto;
    margin-left: -220px;
    background: #354052;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}

#wrapper.toggled #sidebar-wrapper {
    width: 220px;
}

#page-content-wrapper {
    width: 100%;
    position: absolute;
}

#wrapper.toggled #page-content-wrapper {
    position: absolute;
    margin-right: -220px;
}

/* Sidebar Styles */

.sidebar-nav {
    position: absolute;
    top: 0;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none;
}

.sidebar-brand {
    font-size: 16px;
    text-align: center;
}

.sidebar-brand a {
    display: inline-block;
    color: #FFD507;
    margin-bottom: 20px;
}

.sidebar-brand a:hover, a:active, a:focus {
    color: #F9BF3B;
    background: none;
    text-decoration: none;
}

.sidebar-brand > .account-img{
   width: 110px;
   height: 110px;
   margin: 30px 0px 0px 0px; 
}

.sidebar-add{
    margin: 30px 0px 40px 0px;
    position: relative;
    text-align: center;
}

.dropdown > .dropdown-menu,
.sidebar-add > .dropdown-menu{
    position: fixed;
    font-size: 10px;
    background-color: #28313d;
    border-radius: 0px;
    height: auto !important;
    overflow: visible !important;
}
.dropdown > .dropdown-menu > li > a,
.sidebar-add > .dropdown-menu > li > a{
    padding:7px 20px;
}
.dropdown > .dropdown-menu a,
.sidebar-add > .dropdown-menu a{
    font-family: roboto-condensed;
    font-weight: 400;
    font-size: 13px;
    color: #a0abbf;
}
.dropdown > .dropdown-menu > li a:hover,
.sidebar-add > .dropdown-menu > li a:hover{
    color: #28313d;
}

.dropdown > .dropdown-menu:before,
.sidebar-add > .dropdown-menu:before {
    position: absolute;
    top: 20px;
    left: -10px;
    display: inline-block;
    width: 0; 
    height: 0; 
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent; 
    border-right:10px solid #28313d; 
    content: '';
}

.sidebar-menu > .nav-top-part {
    text-indent: 20px;
    line-height: 40px;
    border-left: 5px solid #354052;
}

.sidebar-menu > .nav-top-part a{
    display: block;
    text-decoration: none;
    color: #A0ABBF;
}

.sidebar-menu > .nav-top-part:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0,0,0,0.2);
    border-left: 5px solid #ffd507;

}

.sidebar-menu > .nav-top-part.active,
.sidebar-menu > .nav-top-part:active,
.sidebar-menu > .nav-top-part:focus {
    text-decoration: none;
    background: rgba(0,0,0,0.2);
    border-left: 5px solid #ffd507;
}

.sidebar-nav-bottom {
    position: absolute;
    bottom:0px;
    width: 220px;
    margin: 0;
    padding: 0;
    list-style: none; 
    display: none;                             
}

.sidebar-nav-bottom .nav-bottom-part{
    text-indent: 20px;
    line-height: 40px;
    border-left: 5px solid #354052;
}

.sidebar-nav-bottom .nav-bottom-part a{
    display: block;
    text-decoration: none;
    color: #A0ABBF;
}
.sidebar-nav-bottom:hover {
    text-decoration: none;
    color: #fff;
    background: rgba(0,0,0,0.2);   
}

.sidebar-nav-bottom > .nav-bottom-part.active,
.sidebar-nav-bottom > .nav-bottom-part:hover,
.sidebar-nav-bottom > .nav-bottom-part:active,
.sidebar-nav-bottom > .nav-bottom-part:focus {
    text-decoration: none;    
    background: rgba(0,0,0,0.2);
    border-left: 5px solid #ffd507;
}


/* Header Styles */

#header-wrapper{
    background: #FFF;
    border-bottom: 1px solid #B9B9B9;
}

#toggle-menu{
    display: inline-block;
    float: left;
    font-size: 20px;
    color: black;
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #b9b9b9;
}

#notification{
    display: inline-block;
    float: right;
    margin-right: 65px;
    font-size: 20px;
    color: white;     
    display: none;
}
@media (max-width: 1280px){
    #notification{
      /*  margin-right: 0px;*/
    }
}

/* SubHeader Styles */

#subheader-wrapper{
    height: auto;
    padding: 20px 50px;
    background: #FFF;
}

.subtitle-header{
    margin-left: 50px;
    font-size: 20px;
    color: #354052;
}
@media (max-width: 1024px){
    .subtitle-header{
        margin-left: 0px;
    }
}

/* Main Content Styles */



/* Tab Styles */

.tab-center {
    text-align: justify;
}

.nav-tabs{
    border-bottom: transparent;
    /*margin-bottom: 20px;
    display: flex;*/
    justify-content: space-around;
}

.nav-tabs > li {
    border-bottom: 3px solid transparent;
    margin-top: 5px;
}

.nav-tabs > li > a{
    font-family: roboto-condensed;
    font-weight: 700;
    color: #A0ABBF;
    padding:5px;
    margin-right: 0px;
    border:0px;
}

.disableTab{
    pointer-events: none;
}

.nav-tabs > li.active > a{
    color: #354052;
    border-color: transparent;
}

.nav-tabs > li.selected > a{
    color: #354052;
}

.content{
    margin: 20px;
    padding: 10px 20px 20px 20px;
}
@media (max-width: 480px){
    .content{
        margin: 20px 0px;
        padding: 10px;
    }
}
.nav-tabs > li > a,.nav-tabs > li > a:hover,.nav-tabs > li > a:focus{
    background-color: transparent;
    text-transform: uppercase;
}.nav-tabs > li.active > a,.nav-tabs > li.active > a:hover,.nav-tabs > li.active > a:focus{
    background-color: transparent;
    text-transform: uppercase;
    color: #000;
}
.nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}

.nav-tabs{
    border-bottom: 0px;
}

.nav-tabs > li > a:hover{
    border-color: transparent;
}

.nav-tabs > li.active{
    border-bottom: 3px solid #ffcd00;
}

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:0px;
}

.nav-tabs > li .badge{
    background-color: #D6D6D6;
    font-weight: 500;
    color: #fff;
    font-size: 10px;
    padding: 5px 8px;
}

.nav-tabs > li.active span.badge {
    background-color: #354052;
    color: #fff;
    font-weight: 500;
}

.nav-tabs > li.selected span.badge {
    background-color: #354052;
    color: #8ec546;
    font-weight: 500;
}

.content-field{
    background-color: #fff;
    margin: 20px 15px 0px 15px;
    padding: 15px 0px 40px 0px;
}
.content-field .nav {
    padding-left: 15px;
}
@media (max-width: 480px){
    .content-field {
        background-color: #fff;
        margin: 20px 0px;
        padding: 10px;
    }
}

.content-field .nav-tabs > li > a,
.content-field .nav-tabs > li > a:hover,
.content-field .nav-tabs > li > a:focus{
    background-color: transparent;
    text-transform: capitalize;
    font-size: 16px;
    border:0px;
}

.content-field .nav-tabs > li.active > a,
.content-field .nav-tabs > li.active > a:hover,
.content-field .nav-tabs > li.active > a:focus{
    background-color: transparent;
    text-transform: capitalize;
    color: #000;
    font-size: 16px;
}
.content-field .nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}

.content-field .nav-tabs{
    border-bottom: 0px;
}

#addReport{
    margin-bottom: 20px;
    margin-left: 3px;
}

.content-field .nav-tabs > li > a:hover{
    border-color: transparent;
}

.content-field .nav-tabs > li.active{
    border-bottom: 3px solid #ffcd00;
}

.content-field .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:0px;
}

.content-field .nav-tabs > li .badge{
    background-color: #EEEEEE;
    font-weight: 500;
}

.content-field .nav-tabs > li.active span.badge {
    background-color: #354052;
    color: #FFD507;
    font-weight: 500;
}

.content-field .nav-tabs > li.selected span.badge {
    background-color: #354052;
    color: #8ec546;
    font-weight: 500;
}

.tab-content .control-label {
    text-align: right;
    font-size:16px;
    text-transform: capitalize;
}
.tab-content > form > .tab-pane{
    display: none;
} 
.tab-content > form > .tab-pane.active{
    display: block;
}
@media(max-width: 768px){
    .tab-content .control-label {
        text-align:left;
    }
}

.tab-content .title-label {
    text-align: right;
    font-family: roboto;
    font-weight: 700;
    font-size: 16px;
    color: #000;
}

.tab-content .note-label {
    text-align: right;
    font-size: 16px;
    color: #000;
    text-transform: none;
}

@media(max-height: 480px){
    #sidebar-wrapper{
        width: 240px;
        overflow: auto;
    }
}
@media(max-width: 480px){
    #sidebar-wrapper {
        width: 220px;
    }
}

@media(min-width: 481px) and (max-width:768px){
     #sidebar-wrapper {
        width: 220px;
    }
}
@media(max-width:768px){
    #wrapper {
        padding-left: 220px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        background-color: #ECF0F1;
    }
}

@media(min-width:768px) {
    #wrapper {
        padding-left: 220px;
    }

    #wrapper.toggled {
        padding-left: 0;
    }

    #sidebar-wrapper {
        width: 220px;
    }

    #wrapper.toggled #sidebar-wrapper {
        width: 0;
    }

    #page-content-wrapper {
        
        position: relative;
    }

    #wrapper.toggled #page-content-wrapper {
        position: relative;
        margin-right: 0;
        background-color: #ECF0F1;
    }
}

.control-label {
    text-align: left;
    font-weight: 500;
}

.form-control {
    border-radius: 0px;
}
.tab-content{
    margin-top: 60px;
}

#main-content{
    margin: 20px;
    padding: 0px 30px;
}
/*#main-content .content-field .tab-content {
    margin: 30px 0px;
}*/
#main-content .content-field .nav-tabs > li .badge {
    background-color: #A0ABBF;
    font-weight: 500;
}
#main-content .content-field .nav-tabs > li.active .badge {
    background-color: #000;
    color: #fff;
    font-weight: 500;
}

.panel-heading{
    text-transform: capitalize;
    height: 47px;
}
.panel-heading p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    line-height: normal;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: 20px;
    -o-text-overflow: ellipsis;
    width:100%;
    white-space: nowrap;
}
.panel-body{
    text-transform: capitalize;
}
.panel-body a,
.panel-body a:hover,
.panel-body a:focus{
    color: #2aafff;
}
.panel-body table td.seemore{
    padding: 10px 0px 0px 0px;
}
.panel-done{
    border: 0px;
}
.panel-done > a .panel-heading {
    color: #fff;
    background-color: #2aafff;
    border-color: #2aafff;
    border-bottom: 5px solid #14a3f9;
}
.panel-done> a .panel-heading {
    background-image: -webkit-linear-gradient(top,#2aafff 0,#2aafff 100%);
    background-image: -o-linear-gradient(top,#2aafff 0,#2aafff 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#2aafff),to(#2aafff));
    background-image: linear-gradient(to bottom,#2aafff 0,#2aafff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    font-size: 20px;
}

.panel-done td.currency {
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    padding: 0px 5px;
    color: #7eccfb;
}
.panel-warn{
    border: 0px;
}
.panel-warn td.currency {
    font-size: 20px;
    text-align: center;
    vertical-align: top;
    padding: 0px 5px;
    color: red;
}
.panel-warn > a .panel-heading {
    color: #fff;
    background-color: #ff6464;
    border-color: #ff6464;
    border-bottom: 5px solid #ff0202;
}
.panel-warn> a .panel-heading {
    background-image: -webkit-linear-gradient(top,#ff6464 0,#ff6464 100%);
    background-image: -o-linear-gradient(top,#ff6464 0,#ff6464 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#ff6464),to(#ff6464));
    background-image: linear-gradient(to bottom,#ff6464 0,#ff6464 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    font-size: 20px;
}

.panel-notice{
    border: 0px;
}
.panel-notice td.currency {
    font-size: 16px;
    text-align: center;
    vertical-align: top;
    padding: 0px 5px;
    color: #7eccfb;
}
.panel-notice > a .panel-heading {
    color: #fff;
    background-color: #F4D03F;
    border-color: #F4D03F;
    border-bottom: 5px solid #f9690e;
}
.panel-notice> a .panel-heading {
    background-image: -webkit-linear-gradient(top,#F4D03F 0,#F4D03F 100%);
    background-image: -o-linear-gradient(top,#F4D03F 0,#F4D03F 100%);
    background-image: -webkit-gradient(linear,left top,left bottom,from(#F4D03F),to(#F4D03F));
    background-image: linear-gradient(to bottom,#F4D03F 0,#F4D03F 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff2e6da4', GradientType=0);
    background-repeat: repeat-x;
    font-size: 20px;
}
#header-wrapper .navbar-nav{
    margin:0px;
}
#header-wrapper select{
    border: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    height: auto;
    font-size: 24px;
    margin: 10px 5px;
    background: url(../img/br_down.png) no-repeat right;
    -webkit-appearance: none;
    background-size: 17px;
}
.image-upload {
    width: 150px;
    height: 110px;

}

.image-preview::before {
    border: 1px solid #ccc;
    width: 150px;
    height: 120px;
    position: relative;
    background-color: #F2F1EF;
    color: #ccc;
    z-index: 1;
    background-position: center center;
    background-size:   cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-preview {
    border: 1px solid #ccc;
    width: 150px;
    height: 120px;
    position: relative;
    background-color: #F2F1EF;
    color: #ccc;
    z-index: 1;
    background-position: center center;
    background-size:   cover;
    background-repeat: no-repeat;
    background-position: center center;
}

.image-preview input {
    line-height: 200px;
    position: absolute;
    opacity: 0;
    z-index: 5; 
}

.image-preview label {
    position: absolute;
    z-index: 2;
    cursor: pointer;
    width: 200px;
    height: 50px;
    font-size: 20px;
    line-height: 50px;
    text-transform: uppercase;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    text-align: center;
}
.arrow-right {
    position: absolute;
    margin: 10px -10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;    
    border-left: 5px solid #ffd204;
    display: none;
}

.arrow-left {
    position: absolute;
    margin: 10px -10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;     
    border-right:5px solid #ffd204; 
}
.arrow-up {
    position: absolute;
    width: 0;
    height: 0;
    margin-left: 49px;
    margin-top: 10px;
    border-left: 15px solid transparent;
    border-right: 15px solid transparent;
    border-bottom: 15px solid #efefef;
}
.toggle{
    width: 22px;
}

.filestyle{
    display: none;
}
.center {
    text-align: center;
    vertical-align: middle;
}
/* Table */
.table > thead > tr > th{
    border-top: none !important;
}

.table > tbody > tr > td{
    border-top: none !important;
}

.btn-blue .badge, 
.btn-yellow .badge,
.btn-grey .badge,
.btn-grey-upload .badge,
.btn-red .badge,
.btn-green .badge{
   padding: 2px 5px;
}

.panel-body table{
    width: 100%;
    font-size: 12px;
    color: #a5adbc;
    background-color: #fff;
}
td.error{
    color: red;
    left: -5px;
    position: relative;
}
td.error::before{
   content: "! ";
}
td.name{
    overflow: hidden;
    text-overflow: ellipsis;
}
span.name{
    width: 145px; 
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    vertical-align: middle;
    line-height: normal;
    /*display: -webkit-box;*/
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    white-space: nowrap;
}
@media (min-width: 1024px) and (max-width: 1280px){
    td.currency{
        font-size: 16px;
    }
}
.navbar-right select{
    width: 120px;
    border:0px;   
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    background: url(../img/br_down.png) no-repeat right;
    -webkit-appearance: none;
    background-size: 15px;
    margin: 0px 5px;
}
.navbar-right select:focus {
    -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);
    box-shadow: inset 0 0px 0px rgba(0,0,0,.075), 0 0 0px rgba(102, 175, 233, .6);
}
input.form-control.search{
    border: 0px;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
    font-size: 14px;
}

.left-inner-addon {
    position: relative;
}
.left-inner-addon input {
    padding-left: 30px;    
}
.left-inner-addon i {
    position: absolute;
    padding: 5px;
    pointer-events: none;
    color: #000;
    font-size: 18px
}

.arrow-right {
    position: absolute;
    margin: 10px -10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;    
    border-left: 5px solid #ffd204;
}

.arrow-left {
    position: absolute;
    margin: 10px -10px;
    width: 0; 
    height: 0; 
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;     
    border-right:5px solid #ffd204; 
}
.toggle{
    width: 22px;
}
.header-title{
    text-transform: capitalize;
    color: #354052;
    margin-left: 20px;
}
.header-title a,
.header-title a:hover, 
.header-title a:focus, 
.header-title a:active{
    color: #000;
    text-decoration: none;
    padding-right: 20px;
}

.header-title-inst{
    text-transform: capitalize;
    color: #354052;
    margin-left: 0px;
}
.inst{
    margin: 25px 0px 20px 0px;
}
/*margin margin style */
.mg-divider{
    margin:10px 0px;
}


/*pagination */
.pagination > li > a, 
.pagination > li > span{
    margin:0px 3px;    
    border: 1px solid #bcbcbc;
    padding: 2px 7px;
}

.pagination > li > a:hover, 
.pagination > li > span:hover, 
.pagination > li > a:focus, 
.pagination > li > span:focus {
    z-index: 3;
    color: #fff;
    background-color: #74bee9;
    border-color: #ddd;
}
.pagination > li:first-child > a, 
.pagination > li:first-child > span{
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination > li:last-child > a, 
.pagination > li:last-child > span {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}
.datepicker table tr td span, .datepicker th.datepicker-switch{
    color:#000;
}

.sidebar-brand p{
    color: #FFD507;
    margin: 20px;
    font-size: 18px;
    font-weight: 500;
}

/* Modal Style*/
@media (min-width: 768px){
.modal-dialog {
    width: 700px;
    }
}
.modal {    
    color: #a5adbc;
}
.modal-header {
    color:#000;
}
.modal-content{
    border-radius: 0px;
}
.modal-body table{
    text-transform: capitalize;
    font-size: 12px;
    width: 100%;
}
.modal-body table td, th {
    padding: 5px 10px;
}
.modal-body table tr.mg{
    height: 20px;
}
.content-field a{
    text-transform: none;
}
.content-field a.btn {
    text-transform: uppercase;
}
.content-field table{
    color: #000;
    text-transform: capitalize;
    width: 100%;
}
.content-field th{
    font-family: roboto;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 3px;
}
.content-field th.control-label{
    text-align: right;
    margin-right: 10px;
}
@media (max-width: 480px){
    .content-field th.control-label{
        text-align: center;
        margin-right: 10px;
    }
}
.content-field table td.control-label{
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #A0ABBF;
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (max-width: 480px){
    .content-field table td
    .content-field table td.control-label{
        text-align: left;
        display: block;
    }
}
.content-field table td.doc {
    text-transform: none;
}
.action-margin{
    margin-top: 5px;
}
.mrgn-top{
    margin-top: 40px;
}
.mrgn-bottom{
    margin-bottom: 40px;
}
.mrgn-tbl{
    margin-top: 20px;
}
.email{
    text-transform: none;
}
.account-img {
    width: 110px;
    height: 110px;
    margin-bottom: 15px;
}
.img-prev{
    width: 100%;
    height: 200px;
    /*object-fit:cover;*/
}
.lit-img-prev {
    width: 100%;
    height: 150px;
    object-fit: cover;
}
.navbar-form {
    padding: 0px;
}
@media (min-width: 768px){
    #subheader-wrapper .navbar-right {
        float: right !important;
        margin-right: 0px;
    }
}
.mode-tab-1 #laporanDetail, .mode-tab-1 .report-detail,
.mode-tab-2 #laporanDetail, .mode-tab-2 .report-detail,
.mode-tab-3 #laporanDetail, .mode-tab-3 .report-detail,
.mode-tab-4 #laporanDetail, .mode-tab-4 .report-detail{
    display: none;
}
.mode-tab-5 #laporanDetail, .mode-tab-5 .report-detail,
.mode-tab-6 #laporanDetail, .mode-tab-6 .report-detail{
    display:block;
}
#dataLaporan a, 
#realisasiKegiatan a,
#dokumenKelengkapan a,
#pengadaanBarang a{
    text-transform: none;
}
#dataLaporan table,
#realisasiKegiatan table,
#dokumenKelengkapan table, 
#pengadaanBarang table {
    color: #000;
    text-transform: capitalize;
    width: 100%;
}
#dataLaporan th, 
#realisasiKegiatan th,
#dokumenKelengkapan th,
#pengadaanBarang th {
    font-family: roboto;
    font-weight: 700;
    font-size: 16px;
    padding-bottom: 3px;
}
#dataLaporan th.control-label,
#realisasiKegiatan th.control-label,
#dokumenKelengkapan th.control-label,
#pengadaanBarang th.control-label {
    text-align: right;
    margin-right: 10px;
}
@media (max-width: 480px){
    #dataLaporan th.control-label,
    #realisasiKegiatan th.control-label,
    #dokumenKelengkapan th.control-label,
    #pengadaanBarang th.control-label {
        text-align: center;
        margin-right: 10px;
    }
}
#dataLaporan table td.control-label,
#realisasiKegiatan table td.control-label,
#dokumenKelengkapan table td.control-label,
#pengadaanBarang table td.control-label{
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #A0ABBF;
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (max-width: 480px){
    #dataLaporan table td,
    #realisasiKegiatan table td,
    #dokumenKelengkapan table td,
    #pengadaanBarang table td,
    #dataPenanggungJawab table td,
    #dataLaporan table td.control-label,
    #dataLembaga table td.control-label,
    #dokumenKelengkapan table td.control-label,    
    #pengadaanBarang table td.control-label{
        text-align: left;
        display: block;
    }
}
.report-head {
    margin: 0px 0px 20px 0px;
    color: #000;
    text-align: center;
}
.report-head p {
    font-size: 18px;
}
.report-head h1 {
    color: #74bee9;
    font-weight: bold;
}
.report-title{
    text-align: center;
    text-transform: uppercase;
    color: #000;
    font-weight: bold;
}
.report-subtitle{
    text-align: center;
    text-transform: capitalize;
    color: #000;
    font-weight: bold;
}
.title{
    margin:20px 0px;
    text-transform: uppercase;
    color: #000;
}
.title > tbody > tr >td {
    padding: 5px;
}
/* Table */
.table > thead > tr > th{
    text-transform: uppercase;
    background-color: #74bee9;
    color: #fff;
    border: 3px solid #fff;
    text-align: center;
}


.table > tbody > tr > td{
    color: #000;
    border: 3px solid #fff;
    text-transform: capitalize;
}
.table > tbody > tr.bold> td{
    text-transform: uppercase;
    font-weight: bold;
}

.table > tbody > tr > td > a{
    display: block;
}

.table > tbody > tr > td > a, 
.table > tbody > tr > td > a:hover,
.table > tbody > tr > td > a:focus,
.table > tbody > tr > td > a:active {
    color: #000;
}

.table > tbody > tr > td > a .fa-times-circle{
    color: #e53a34;
    text-align: center;
}
.table > tbody > tr > td.total{
    font-weight: bold;
    text-transform: uppercase;
}

.table > tbody > tr:nth-child(even) {
    background-color: #efefef;
}

.table > tbody > tr:nth-child(odd) {
    background-color: #e4f1fb;
}

.table tbody tr:hover{
    background-color: #2A64A9;
}
.bootstrap-filestyle .form-control{
    border:0px;
    background-color: transparent;
    box-shadow:none;
}

#tabTksReport{
    display: flex;
    justify-content: flex-start;
}

.table-margin{
    margin-top: 20px;
}

.form-group .fa-blue {
    margin: 27px 0px 3px 0px;
}
.fa-blue{
    color:#15A4FA;
}

.fa-red{
    color:red;
}
.content-field table#tableField {
    margin-top: 20px;
}
.content-field table#tableField th {
    font-weight: 500;
    color: #A0ABBF;
}

#ajax-loader{
    background-color: rgba(0,0,0,.6);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    visibility: hidden;;
    z-index: -1;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}

#ajax-loader.ajax-show{
    opacity: 1;
    visibility: visible;
    z-index: 1100;
}

#ajax-loader .loader{
    background-color: #000;
    font-size: 24px;
    line-height: 24px;
    padding: 8px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    left: 50%;
    margin-left: -20px;
    border-radius: 5px;
    width: 40px;
    height: 40px;
}

/* Image Wrap */

.thumb {
    height: 120px;
    width: 120px;
    margin: 10px 5px 0 0;
    object-fit: cover;
}

.img-wrap {
    position: relative;
    display: inline-block;
    font-size: 0;
    margin-bottom: 10px;
}

.img-wrap .remove-image {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 100;
    background-color: #95A5A6;
    padding: 5px 2px 2px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    text-decoration: none;
}
.bootstrap-filestyle .form-control{
    pointer-events:none;
}
.showonhover{
 background: url(../img/pict.png) no-repeat; 
    height: 120px;
    width: 120px;
    display: block;
    margin: 10px 5px 0 0;

}
.add-worker-form, .add-participant-form, .add-goods-form{
    margin-top: 20px;
    padding: 20px 0px;
    background-color: #efefef;
    text-align: left;
}
 .add-business-form{
    margin: 20px 0px;
    padding: 20px 0px;
    background-color: #efefef;
    text-align: left;
 }
.title-explanation {
    margin-top: 25px;
    font-size: 12px;
}
.underlined-anchor:hover, .underlined-anchor:focus, .underlined-anchor:active {
    color: #4183D7;
    border-bottom: 1px solid #4183D7;
}
.black {
    color: black;
}
.logout{
    right: -30px;
    margin-top: 45px;
 }

 /*Detail Employee Style*/
#dataPribadi table,
#riwayatPekerjaan table {
    color: #000;
    text-transform: capitalize;
    width: 100%;
}
#dataPribadi th, 
#riwayatPekerjaan th {
    font-family: roboto;
    font-weight: 500;
    font-size: 16px;
    padding-bottom: 5px;
    color: #a0abbf;
    border-bottom: 1px solid #ecf0f1;
}

#riwayatPekerjaan td{
    padding-top: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #ecf0f1;
}

#riwayatPekerjaan tr th.riwayatKegiatan,
#riwayatPekerjaan tr td.riwayatKegiatan{
    padding-left: 20px;
}

#dataPribadi th.control-label,
#riwayatPekerjaan th.control-label {
    text-align: right;
    margin-right: 10px;
}
@media (max-width: 480px){
    #dataPribadi th.control-label,
    #riwayatPekerjaan th.control-label {
        text-align: center;
        margin-right: 10px;
    }
}
#dataPribadi table td.control-label,
#riwayatPekerjaan table td.control-label{
    text-align: right;
    margin-right: 10px;
    font-size: 16px;
    color: #A0ABBF;
    padding-top: 5px;
    padding-bottom: 5px;
}
@media (max-width: 480px){
    #dataPribadi table td,
    #riwayatPekerjaan table td,
    #dataPribadi table td.control-label,
    #riwayatPekerjaan table td.control-label{
        text-align: left;
        display: block;
    }
} 
#dataPribadi .form-horizontal .control-label{
    text-align: right;
}
.form-group .control-label .asterix {
    font-size: 14px;
    vertical-align: super;
}
.form-group .control-label .asterix, .form-group .input.has-error label.error {
    color: #a94442;
    font-size: 12px;
    font-weight: normal;
    line-height: 16px;
}

.btn-hidden{
    display: none !important;
}

.modal-header{
    border-bottom: 0px;
    padding: 10px;
}
#tambahPengadaanBarang .modal-header{
    border-bottom: 1px solid #e5e5e5;
}
/*@media (min-width: 768px){
    .modal-dialog {
         width: 600px; 
    }
}*/

/*institution*/
#header-wrapper-institution{
    background-color: #eee;
    height: 130px;
    padding: 25px;
}
.institution-stat{
    text-align: right;
    font-size: 20px;
    text-align: right;
    vertical-align: top;
    text-transform: uppercase;
    padding: 0px 5px;
}
.new-institution{
    color: #FF0000;
}

.active-institution{    
    color: #7eccfb;
}
.nonactive-institution{    
    color: #B9B9B9;
}
.top {
    vertical-align: top;
}
.new-ins .active-group{
    display: none;
}
.active-ins .new-group{
    display: none;
}
.nonactive-ins #btn-action{
    display: none;
}
.content-field-manajemen{
    background-color: #fff;
    margin: 20px 15px 100px 15px;
    padding: 15px 0px 1px 0px;
}

.content-field-manajemen .nav {
    padding-left: 15px;
}
@media (max-width: 480px){
    .content-field-manajemen {
        background-color: #fff;
        margin: 20px 0px;
        padding: 10px;
    }
}

.content-field-manajemen .nav-tabs > li > a,
.content-field-manajemen .nav-tabs > li > a:hover,
.content-field-manajemen .nav-tabs > li > a:focus{
    background-color: transparent;
    text-transform: capitalize;
    font-size: 16px;
    border:0px;
}

.content-field-manajemen .nav-tabs > li.active > a,
.content-field-manajemen .nav-tabs > li.active > a:hover,
.content-field-manajemen .nav-tabs > li.active > a:focus{
    background-color: transparent;
    text-transform: capitalize;
    color: #000;
    font-size: 16px;
}
.content-field-manajemen .nav > li > a:hover, .nav > li > a:focus{
    background-color: transparent;
}

.content-field-manajemen .nav-tabs{
    border-bottom: 0px;
}

.content-field-manajemen .nav-tabs > li > a:hover{
    border-color: transparent;
}

.content-field-manajemen .nav-tabs > li.active{
    border-bottom: 3px solid #ffcd00;
}

.content-field-manajemen .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    border:0px;
}

.content-field-manajemen .nav-tabs > li .badge{
    background-color: #EEEEEE;
    font-weight: 500;
}

.content-field-manajemen .nav-tabs > li.active span.badge {
    background-color: #354052;
    color: #FFD507;
    font-weight: 500;
}

.content-field-manajemen .nav-tabs > li.selected span.badge {
    background-color: #354052;
    color: #8ec546;
    font-weight: 500;
}


/* Footer */
#footer {
    background-color: #374b65;
    padding: 10px 0;
    bottom: 0;
    margin: 0 auto;
    width: 100%;
    height: 60px;
    color: #fff;
    position: absolute;
}
#footer p {
    margin-top:10px;
}
.question{
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -10px;
}
.input{
    position: relative;
    padding-left: 40px;
}
.question-right{
    position: absolute;
    right: 15px;
    top: 50%;
    margin-top: -10px;
}
.input-right{
    position: relative;
    padding-right: 40px;
}

#insert .form-group{
    margin-right: 0px;
    margin-left: 0px;
}
#tableField .form-group {
    margin-left: 0px;
    margin-right: 0px;
}
#view-type.btn-group > .btn, .btn-group-vertical > .btn{
    line-height: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
}
.list-view-header ul{
    list-style: none;
    margin-left: -15px;
    margin-right: -15px;
}
.list-view-header ul > li{
    float: left;
    font-size: 16px;
    padding-left: 15px;
    padding-right: 15px;
}
.list-view-header .list-activity-name{
    width: 27%;
}
    .list-view-header .list-activity-name>span{
        display: inline-block;
        width: 65px;
        padding-left: 15px;
        padding-right: 15px;
    }
.list-view-header .list-activity-notes{
    width: 73%;
}
    .list-view-header .list-activity-note{
        width: 75%;
    }
        .list-view-header .list-activity-form{
            width: 33.3333%;
        }
        .list-view-header .list-activity-owner{
            width: 33.3333%;
        }
        .list-view-header .list-activity-date{
            width: 33.3333%;
        }
    .list-view-header .list-activity-budget{
        width: 25%;
    }
body .tab-content.with-view-type *{
    -webkit-transition: all .5s ease-in-out;
       -moz-transition: all .5s ease-in-out;
        -ms-transition: all .5s ease-in-out;
         -o-transition: all .5s ease-in-out;
            transition: all .5s ease-in-out;
}
body.grid-view .list-view-header,
body.grid-view .tab-content.with-view-type .panel > a .panel-heading p>span{
    display: none;
}
body.list-view .tab-content.with-view-type .panel-wrapper{
    width: 100% !important;
}
body.list-view .tab-content.with-view-type .panel{
    border-radius: 0;
    margin-bottom: 0;
}
body.list-view .tab-content.with-view-type .panel>a{
    border-bottom: 1px solid #fff;
    float: left;
    width: 27% !important;
}
body.list-view .tab-content.with-view-type .panel>.panel-body{
    border-bottom: 1px solid #a5adbc;
    float: left;
    padding: 9px 0px;
    width: 73% !important;
}
body.list-view .tab-content.with-view-type .panel > a .panel-heading{
    border: none;
    border-radius: 0;
}
body.list-view .tab-content.with-view-type .panel > a .panel-heading p{
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 0;
}
body.list-view .tab-content.with-view-type .panel > a .panel-heading p>span{
    display: inline-block;
    width: 50px;
    padding-right: 15px;
}
body.list-view .tab-content.with-view-type .panel-note{
    width: 75% !important;
}
body.list-view .tab-content.with-view-type .panel-budget{
    width: 25% !important;
}
body.list-view .tab-content.with-view-type .panel-budget .currency{
    text-align: right;
    padding-right: 15px;
}
body.list-view .tab-content.with-view-type .panel-note tr{
    display: block;
    float: left;
    font-size: 16px;
    line-height: 29px;
    width: 33.3333% !important;
    padding-left: 15px;
    padding-right: 15px;
}
body.list-view .tab-content.with-view-type .list-view-hidden,
body.list-view .tab-content.with-view-type .panel-doc{
    display: none;
}

.radio-horizontally-label{
    vertical-align: top;
}

.radio{
    margin-top: 0px;
}

/* Table  Institution
.table-institution > thead > tr > th{
    border: 3px solid #ECF0F1;
}

.table-institution > tbody > tr > td{
    border: 3px solid #ECF0F1;
    background-color: #fff;
} */

.activation{
    padding: 20px;
}

/* Table */
.table > thead > tr > th{
    border: 3px solid #ECF0F1;
}


.table-white > tbody > tr > td{
    border: 3px solid #ECF0F1;
}

.table-white > tbody > tr:nth-child(even) {
    background-color: #fff;
}

.table-white > tbody > tr:nth-child(odd) {
    background-color: #fff;
}

.table tbody tr:hover{
    background-color: #19B5FE;
}

.has-error .input-group,
.has-error .control-file {
    margin-bottom: 20px;
    position: relative;
}
.has-error .input-group label.error,
.has-error .control-file label.error {
    bottom: -20px;
    left: 0;
    position: absolute;
    width: 100%;
}

.chart, .chart1, .chart2, .chart3{
  position: relative;
  width: 110px;
  height: 110px;
  margin-top: 20px;
  margin-bottom: 20px;
  text-align: center;  
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}
.chart canvas, .chart1 canvas, .chart2 canvas, .chart3 canvas{
  position: absolute;
  top: 0;
  left: 0;
}
.percent {
  display: inline-block;
  z-index: 2;
}
.percent:after {
  content: '%';
  margin-left: 0.1em;
  font-size: .8em;
}
.angular {
  margin-top: 100px;
}
.angular .chart {
  margin-top: 0;
}

.total-count{
    font-size: 30px;
    color:#354052;
    font-weight: 700; 
}
.total-count-desc{    
    font-size: 16px;
    color:#354052;
    font-weight: 700;
}
.process-percentage{
    font-size: 50px;
    color: #15A4FA;
    font-weight: 700;
}
.success-percentage{
    font-size: 50px;
    color: #00AA8A;
    font-weight: 700;
}
.reject-percentage{
    font-size: 50px;
    color: #E74C3C;
    font-weight: 700;
}
#activity-highchart{
    margin: 50px 0px;
}

.content-field .table-report-tks{
    width: 3000px;
    max-width: 3000px;
}

.content-field .table-report-pki{
    width: 1800px;
    max-width: 1800px;
}

.content-field .table-report-ttg{
    width: 1600px;
    max-width: 1600px;
}

.content-field .table th{
    vertical-align: middle;
    border: 3px solid #fff;
}

#btn-make-pdf{
    margin-bottom: 20px;
    margin-left: 3px;
}

.td-subtitle{
    font-size: 14px;
    font-style: italic;
    font-family: roboto;
    font-weight: 700; 
}
.add-business, .add-goods{
    margin: 0px 0px 20px 0px
}

#subtitle-label-wrapper{
    margin-bottom: 60px;
}

#pencairanDana td{
    text-transform: none;
}

.content-field table td.center-label{
    text-align: center;
    font-size: 16px;
    color: #A0ABBF;
    padding-top: 5px;
    padding-bottom: 5px;
}

#liquidationForm .control-label{
    text-align: right !important; 
}

.radio-form{
    margin-bottom: 0px;
    padding-top: 0px;
}
#checkbox-wrapper{
    margin-left: 50px;
}

#approve-notice-wrapper{
    margin-left: 50px;
    margin-top: -20px;
    margin-bottom: 20px;
}

.datepicker{
    z-index: 1051 !important;
}

.total-report-ttg{
    font-weight: 700;
    font-style: italic;
}

.image-preview{
    background-size: 100% 100% !important;
}

.btn-wrapper{
    margin-top: 20px;
}

.table > tbody > tr > .email{
    text-transform: none;
}

.file-name{
    line-height: 300%;
}

a[id*="activity_proposal_img_url"]:focus{
    color: #337ab7;
}

.img-wrap .remove-image-edit {
    position: absolute;
    top: 10px;
    right: 5px;
    z-index: 100;
    background-color: #95A5A6;
    padding: 5px 2px 2px;
    color: #FFF;
    font-weight: bold;
    cursor: pointer;
    text-align: center;
    font-size: 22px;
    line-height: 10px;
    text-decoration: none;
}

/* dashboard admin */
.panel-body{
    border-radius: 10px;
}

.period{
    background-color: #fff;
    min-height: 150px;
}

.head-period{
    margin-bottom: 5px;
    font-size: 25px;
    font-weight: 300;
}

.body-period .form-control{
    border: 1px solid #fff;
    font-size: 40px;
    height: auto;
    color: #15a4fa;
    box-shadow: inset 0 0px 0px rgba(0, 0, 0, .075);
}
.summary{
    background-color: #fff;
    min-height: 150px;
}

#tooltip-summary.summary{
    min-height: auto;
    min-width: 150px;
    padding: 8px;
    -webkit-box-shadow: 0px 2px 12px rgba(0,0,0,.5);
    box-shadow: 0px 2px 12px rgba(0,0,0,.5);
}
#tooltip-summary.summary h5{
    font-size: 18px;
    font-weight: normal;
    margin-top: 0;
    margin-bottom: 5px;
}
.sm-icon-header{
    width: 30px; 
}

.sm-number-header{
    color: #15a4fa;
    font-size: 30px;
    margin-left: 10px;
}

#tooltip-summary .sm-number-header{
    font-size: 24px;
    line-height: 24px;
    vertical-align: middle;
}
#tooltip-summary .side-icon{
    display: inline-block;
    margin-right: 0px;
    width: 30px;
    text-align: center;
}

#tooltip-summary .side-icon img{
    max-width: 100%;
}

.sm-word-header{
    font-size: 25px;
    margin-left: 10px;
    font-weight: 300;
}

.sm-icon-body{
    font-size: 25px;
    margin-left: 4px;
}

.sm-number-body{
    color: #FFD507;
    font-size: 25px;
    margin-left: 10px;
}

#tooltip-summary .sm-number-body{
    font-size: 18px;
    line-height: 24px;
    vertical-align: middle;
}

.sm-word-body{
    font-size: 20px;
    margin-left: 10px;
    font-weight: 300;
}

.map{
    background-color: #fff;
    margin: 20px 0px;
}

.map-title{
    color: #354052;
    font-size: 30px;
    margin-bottom: 20px;
}

.chart{
    background-color: #fff;
    min-height: 250px;
    margin: 0 auto;
}

.summary-choosen{
    background-color: #fff;
    min-height: 250px;
}

.title-summary{
    font-size: 35px;
    font-weight: 300;
}

.title-summary-tooltip{
    font-size: 18px;
    font-weight: 300;
    color: #A0ABBF;
}

.sm-icon-header-tooltip{
    font-size: 22px;
}

.sm-number-header-tooltip{
    color: #15a4fa;
    font-size: 22px;
    margin-left: 10px;
    font-family: roboto;
}

.sm-icon-body-tooltip{
    font-size: 18px;
    margin-left: 3px;
}

.sm-number-body-tooltip{
    color: #FFD507;
    font-size: 18px;
    margin-left: 10px;
    font-family: roboto;
}

#btn-region-close{
    color: #A0ABBF;
    display: inline-block;
    font-size: 18px;
    margin-left: 5px;
}
#btn-region-close:hover,
#btn-region-close:focus{
    text-decoration: none;
}

#map-title #btn-region-close{
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .25s ease-in-out;
       -moz-transition: all .25s ease-in-out;
        -ms-transition: all .25s ease-in-out;
         -o-transition: all .25s ease-in-out;
            transition: all .25s ease-in-out;
}
#map-title.province-mode #btn-region-close{
    opacity: 1;
    visibility: visible;
}