/* ===========
   Buttons
 =============*/
 .btn-primary, .btn-success, .btn-info, .btn-warning,
 .btn-danger, .btn-dark {
   color: #ffffff;
 }
 
 .btn-primary {
   background-color: var(--main-bg-color);
   border: 1px solid var(--main-bg-color);
 }
 
 .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active,
 .btn-primary.focus, .btn-primary:active, .btn-primary:focus, .btn-primary:hover,
 .open > .dropdown-toggle.btn-primary, .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active,
 .show > .btn-primary.dropdown-toggle {
   background-color: var(--main-bg-color-transp);
   border-color: var(--main-bg-color-transp);
 }
 
 .btn-primary.focus, .btn-primary:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
 .btn-primary:not([disabled]):not(.disabled).active, .btn-primary:not([disabled]):not(.disabled):active, .show > .btn-primary.dropdown-toggle,
 .btn-primary:not([disabled]):not(.disabled).active:focus, .btn-primary:not([disabled]):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px var(--main-bg-color-transp);;
           box-shadow: 0 0 0 2px var(--main-bg-color-transp);;
 }
 
 .btn-light {
   border-color: #eeeeee;
 }
 
 .btn-light:hover, .btn-light:focus, .btn-light:active, .btn-light.active,
 .btn-light.focus, .btn-light:active, .btn-light:focus, .btn-light:hover,
 .open > .dropdown-toggle.btn-light {
   border-color: #bfbfbf;
 }
 
 .btn-light.focus, .btn-light:focus, .btn-outline-light.focus, .btn-outline-light:focus {
   -webkit-box-shadow: 0 0 0 2px #d9d9d9;
           box-shadow: 0 0 0 2px #d9d9d9;
 }
 
 .btn-success {
   background-color: #52bb56;
   border: 1px solid #52bb56;
 }
 
 .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover, .open > .dropdown-toggle.btn-success,
 .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show > .btn-success.dropdown-toggle {
   background-color: #45af49;
   border-color: #45af49;
 }
 
 .btn-success.focus, .btn-success:focus, .btn-outline-success.focus, .btn-outline-success:focus,
 .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active, .show > .btn-success.dropdown-toggle,
 .btn-success:not([disabled]):not(.disabled).active:focus, .btn-success:not([disabled]):not(.disabled):active:focus, .show > .btn-success.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px rgba(82, 187, 86, 0.5);
           box-shadow: 0 0 0 2px rgba(82, 187, 86, 0.5);
 }
 
 .btn-info {
   background-color: #67d1f8;
   border: 1px solid #67d1f8;
 }
 
 .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.focus, .btn-info:active, .btn-info:focus, .btn-info:hover,
 .open > .dropdown-toggle.btn-info, .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active,
 .show > .btn-info.dropdown-toggle {
   background-color: #4fcaf7;
   border-color: #4fcaf7;
 }
 
 .btn-info.focus, .btn-info:focus, .btn-outline-info.focus, .btn-outline-info:focus,
 .btn-info:not([disabled]):not(.disabled).active, .btn-info:not([disabled]):not(.disabled):active, .show > .btn-info.dropdown-toggle,
 .btn-info:not([disabled]):not(.disabled).active:focus, .btn-info:not([disabled]):not(.disabled):active:focus, .show > .btn-info.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px rgba(103, 209, 248, 0.5);
           box-shadow: 0 0 0 2px rgba(103, 209, 248, 0.5);
 }
 
 .btn-warning {
   background-color: #f1b53d;
   border: 1px solid #f1b53d;
   color: #ffffff;
 }
 
 .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.focus, .btn-warning:active,
 .btn-warning:focus, .btn-warning:hover, .open > .dropdown-toggle.btn-warning, .btn-warning:not([disabled]):not(.disabled).active,
 .btn-warning:not([disabled]):not(.disabled):active, .show > .btn-warning.dropdown-toggle {
   background-color: #efac25;
   border-color: #efac25;
   color: #ffffff;
 }
 
 .btn-warning.focus, .btn-warning:focus, .btn-outline-warning.focus, .btn-outline-warning:focus,
 .btn-warning:not([disabled]):not(.disabled).active, .btn-warning:not([disabled]):not(.disabled):active, .show > .btn-warning.dropdown-toggle,
 .btn-warning:not([disabled]):not(.disabled).active:focus, .btn-warning:not([disabled]):not(.disabled):active:focus, .show > .btn-warning.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px rgba(241, 181, 61, 0.5);
           box-shadow: 0 0 0 2px rgba(241, 181, 61, 0.5);
 }
 
 .btn-danger {
   background-color: #ef5350;
   border: 1px solid #ef5350;
 }
 
 .btn-danger:active, .btn-danger:focus, .btn-danger:hover, .btn-danger.active, .btn-danger.focus, .btn-danger:active, .btn-danger:focus,
 .btn-danger:hover, .open > .dropdown-toggle.btn-danger, .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active,
 .show > .btn-danger.dropdown-toggle {
   background-color: #ed3c39;
   border-color: #ed3c39;
 }
 
 .btn-danger.focus, .btn-danger:focus, .btn-outline-danger.focus, .btn-outline-danger:focus,
 .btn-danger:not([disabled]):not(.disabled).active, .btn-danger:not([disabled]):not(.disabled):active, .show > .btn-danger.dropdown-toggle,
 .btn-danger:not([disabled]):not(.disabled).active:focus, .btn-danger:not([disabled]):not(.disabled):active:focus, .show > .btn-danger.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px rgba(239, 83, 80, 0.5);
           box-shadow: 0 0 0 2px rgba(239, 83, 80, 0.5);
 }
 
 .btn-dark {
   background-color: var(--main-bg-color);
   border: 1px solid var(--main-bg-color);
 }
 
 .btn-dark:hover, .btn-dark:focus, .btn-dark:active, .btn-dark.active, .btn-dark.focus, .btn-dark:active, .btn-dark:focus, .btn-dark:hover, .open > .dropdown-toggle.btn-dark {
   background-color: #29303a;
   border-color: #29303a;
 }
 
 .btn-dark.focus, .btn-dark:focus, .btn-outline-dark.focus, .btn-outline-dark:focus,
 .btn-dark:not([disabled]):not(.disabled).active, .btn-dark:not([disabled]):not(.disabled):active, .show > .btn-dark.dropdown-toggle {
   -webkit-box-shadow: 0 0 0 2px rgba(52, 60, 73, 0.5);
           box-shadow: 0 0 0 2px rgba(52, 60, 73, 0.5);
 }
 
 .btn-link {
   color: var(--topbar-bg-color);
 }
 
 .btn-link:hover {
   color: var(--topbar-bg-color);
 }
 
 /* button Outline */
 .btn-outline-primary {
   color: var(--topbar-bg-color);
   border-color: var(--topbar-bg-color);
 }
 
 .btn-outline-primary:hover {
   background-color: var(--topbar-bg-color);
   border-color: var(--topbar-bg-color);
 }
 
 .btn-outline-success {
   color: #52bb56;
   border-color: #52bb56;
 }
 
 .btn-outline-success:hover {
   background-color: #52bb56;
   border-color: #52bb56;
 }
 
 .btn-outline-info {
   color: #67d1f8;
   border-color: #67d1f8;
 }
 
 .btn-outline-info:hover {
   background-color: #67d1f8;
   border-color: #67d1f8;
 }
 
 .btn-outline-warning {
   color: #f1b53d;
   border-color: #f1b53d;
 }
 
 .btn-outline-warning:hover {
   background-color: #f1b53d;
   border-color: #f1b53d;
   color: #ffffff;
 }
 
 .btn-outline-danger {
   color: #ef5350;
   border-color: #ef5350;
 }
 
 .btn-outline-danger:hover {
   background-color: #ef5350;
   border-color: #ef5350;
 }
 
 .btn-outline-dark {
   color: var(--topbar-bg-color);
   border-color: var(--topbar-bg-color);
 }
 
 .btn-outline-dark:hover {
   background-color: var(--topbar-bg-color);
   border-color: var(--topbar-bg-color);
 }
 
 .btn-custom {
   border-bottom: 3px solid transparent;
 }
 
 .btn-custom.btn-default {
   background-color: #f3f3f3;
   border-bottom: 2px solid #cccccc !important;
 }
 
 .btn-custom.btn-primary {
   border-bottom: 2px solid var(--topbar-bg-color) !important;
 }
 
 .btn-custom.btn-success {
   border-bottom: 2px solid #3e9c41 !important;
 }
 
 .btn-custom.btn-info {
   border-bottom: 2px solid var(--topbar-bg-color) !important;
 }
 
 .btn-custom.btn-warning {
   border-bottom: 2px solid #eaa211 !important;
 }
 
 .btn-custom.btn-danger {
   border-bottom: 2px solid #c71612 !important;
 }
 
 .btn-custom.btn-dark {
   border-bottom: 2px solid #0b0c0f !important;
 }
 
 .btn-rounded {
   border-radius: 2em;
   padding: 6px 18px;
 }
 
 .fileupload {
   overflow: hidden;
   position: relative;
 }
 
 .fileupload input.upload {
   cursor: pointer;
   filter: alpha(opacity=0);
   font-size: 20px;
   margin: 0;
   opacity: 0;
   padding: 0;
   position: absolute;
   right: 0;
   top: 0;
 }
 


.btn-success {
    background-color: var(--main-bg-color);
    border: 1px solid var(--main-bg-color-transp);
}

.btn-secondary {
    color: var(--main-bg-color) !important;
    background-color: #ffffff !important;
    border-color: #ffffff !important;
}

.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active,
.btn-success.focus, .btn-success:active, .btn-success:focus, .btn-success:hover,
.open > .dropdown-toggle.btn-success, .btn-success:not([disabled]):not(.disabled).active, .btn-success:not([disabled]):not(.disabled):active,
.show > .btn-success.dropdown-toggle {
  background-color: var(--main-bg-color-transp) !important;
  border-color: var(--main-bg-color) !important;
  color: #ffffff!important;
}

.btn-secondary:hover, .btn-secondary:focus, .btn-secondary:active, .btn-secondary.active,
.btn-secondary.focus, .btn-secondary:active, .btn-secondary:focus, .btn-secondary:hover,
.open > .dropdown-toggle.btn-secondary, .btn-secondary:not([disabled]):not(.disabled).active, .btn-secondary:not([disabled]):not(.disabled):active,
.show > .btn-secondary.dropdown-toggle {
  background-color: var(--main-bg-color-transp) !important;
  border-color: var(--main-bg-color) !important;
  color: #ffffff !important;
}


.btn-success.disabled, .btn-success:disabled {
    
    background-color: var(--main-bg-color-transp) !important;
    border-color: var(--main-bg-color-transp) !important;
}


.btn-loginsel, .btn-success, .btn-info, .btn-warning,
 .btn-danger, .btn-dark {
   color: #ffffff;
 }
 
 .btn-loginsel {
   background-color: #efefef;;
   border: 1px solid #efefef;;
 }
 
 .btn-loginsel:hover, .btn-loginsel:focus, .btn-loginsel:active, .btn-loginsel.active,
 .btn-loginsel.focus, .btn-loginsel:active, .btn-loginsel:focus, .btn-loginsel:hover,
 .open > .dropdown-toggle.btn-loginsel, .btn-loginsel:not([disabled]):not(.disabled).active, .btn-loginsel:not([disabled]):not(.disabled):active,
 .show > .btn-loginsel.dropdown-toggle {
   background-color: #efefef;;
   border-color: #efefef;;
 }
 
 .btn-loginsel.focus, .btn-loginsel:focus, .btn-outline-primary.focus, .btn-outline-primary:focus,
 .btn-loginsel:not([disabled]):not(.disabled).active, .btn-loginsel:not([disabled]):not(.disabled):active, .show > .btn-loginsel.dropdown-toggle,
 .btn-loginsel:not([disabled]):not(.disabled).active:focus, .btn-loginsel:not([disabled]):not(.disabled):active:focus, .show > .btn-loginsel.dropdown-toggle:focus {
   -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.5);
           box-shadow: 0 0 0 2px rgba(198, 201, 202, 0.5);
 }
 


.navbar-custom {
  border-radius: 0;
  margin-bottom: 0;
  padding: 0 0 0 0;
  margin-left: 0px;
}

.navbar-custom .nav-link {
  padding: 0;
  line-height: 70px;
  color: rgba(255, 255, 255, 0.6);
}

.navbar-custom .dropdown-toggle:after {
  content: initial;
}

.navbar-custom .menu-left {
  overflow: hidden;
}

.btn-top{
    padding: 20px 10px 10px 10px;
    display: inline-block;
    margin: 0 auto;
    margin-top: 0px;
    margin-right: 0px;
    vertical-align: middle;
	float: right;
	max-width: 60%;
}	


.btn-actions {
    color: #ffffff;
    background-color:  var(--main-bg-color);
    border-color:  var(--main-bg-color-transp);
    font-family: 'Ubuntu', sans-serif;
    font-size: 0.6rem;
}

.btn-actions:hover, .btn-actions:focus, .btn-actions:active, .btn-actions.active,
.btn-actions.focus, .btn-actions:active, .btn-actions:focus, .btn-actions:hover,
.open > .dropdown-toggle.btn-actions, .btn-actions:not([disabled]):not(.disabled).active, .btn-actions:not([disabled]):not(.disabled):active,
.show > .btn-actions.dropdown-toggle {
  background-color:  var(--main-bg-color-transp);
  border-color: var(--main-bg-color);
  color: #d7dce5;
}

.btn-personal {
    color: #ffffff;
    background-color:  var(--main-bg-color);
    border-color:  var(--main-bg-color-transp);
    font-family: 'Ubuntu', sans-serif;
    font-size: 1.5rem;
}

.btn-personal:hover, .btn-personal:focus, .btn-personal:active, .btn-personal.active,
.btn-personal.focus, .btn-personal:active, .btn-personal:focus, .btn-personal:hover,
.open > .dropdown-toggle.btn-personal, .btn-personal:not([disabled]):not(.disabled).active, .btn-personal:not([disabled]):not(.disabled):active,
.show > .btn-personal.dropdown-toggle {
  background-color:  var(--main-bg-color-transp);
  border-color:  var(--main-bg-color);
  color: #d7dce5;
}


.btnshareexam {
    font-size: 1.0rem;
	width: 350px;
    height: 50px;
    margin: 10px auto;
    font-size: 1.0rem !important;
    
    display: table-cell;
    vertical-align: middle;	
}

.btnmenutop {
    font-size: 1.0rem;
	
    height: auto;
    margin: 10px auto;
    
    display: table-cell;
    vertical-align: middle;	
}


.btnsearch{
    font-size: 1.0rem;
}


.btn-forgetpws {
    color: #ffffff;
    background-color:  transparent;
    border-color:  var(--main-bg-color);
    
    font-size: 13px;
}

.btn-forgetpws:hover, .btn-forgetpws:focus, .btn-forgetpws:active, .btn-forgetpws.active,
.btn-forgetpws.focus, .btn-forgetpws:active, .btn-forgetpws:focus, .btn-forgetpws:hover,
.open > .dropdown-toggle.btn-forgetpws, .btn-forgetpws:not([disabled]):not(.disabled).active, .btn-forgetpws:not([disabled]):not(.disabled):active,
.show > .btn-forgetpws.dropdown-toggle {
  background-color:  var(--main-bg-color);
  border-color:  var(--main-bg-color);
  color: #d7dce5;
}

.btn-openpatientexams {
  background-color: transparent;
  border: 0px solid transparent;
  text-align: left !important;
}

.btn-openpatientexams:hover, .btn-openpatientexams:focus, .btn-openpatientexams:active, .btn-openpatientexams.active, .btn-openpatientexams.focus, .btn-openpatientexams:active, .btn-openpatientexams:focus, .btn-openpatientexams:hover,
.open > .dropdown-toggle.btn-openpatientexams, .btn-openpatientexams:not([disabled]):not(.disabled).active, .btn-openpatientexams:not([disabled]):not(.disabled):active,
.show > .btn-openpatientexams.dropdown-toggle {
  background-color: transparent;
  border-color: transparent;
  border: 0px solid transparent;
  
}

.btn-openpatientexams.focus, .btn-openpatientexams:focus, .btn-outline-openpatientexams.focus, .btn-outline-openpatientexams:focus,
.btn-openpatientexams:not([disabled]):not(.disabled).active, .btn-openpatientexams:not([disabled]):not(.disabled):active, .show > .btn-openpatientexams.dropdown-toggle,
.btn-openpatientexams:not([disabled]):not(.disabled).active:focus, .btn-openpatientexams:not([disabled]):not(.disabled):active:focus, .show > .btn-openpatientexams.dropdown-toggle:focus {
  -webkit-box-shadow: 0 0 0 0px rgba(103, 209, 248, 0.5);
          box-shadow: 0 0 0 0px rgba(103, 209, 248, 0.5);
}