/**
* 	This CSS Used to Override the dafault color value of system 
*	@author Goblooge
*   @since 17 Apr 2015	
*/
@import url("../smis-base/css/smis-default.css");	
:root {
  --main-color:#d9f2f9;
  --strip-color:#44b4d3;
  --list-color:#3998b3;
  --background-color:#3fa7c4;
  --nav-bg-color:#1e88a5;
  --nav-bg-hover:#337283;
  --sidebar-hover:#d9f2f9;
  --sidebar-li-hover:#3bbadd;
}

.panel-primary > .panel-heading{
    color: white;
    border-color: var(--main-color);
    background-color: var(--strip-color);
}

body{
    color: #16161E;
    background: url("../spis/resource/image/bg-login-spis.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
  
}



.smis #smis_window_wrapper{
  background: white;
}


.btn-info{
  background: #7E7E8F;
}

input[type=checkbox] {
  accent-color: #52b6d1 !important;
}

select option {
  background: #52b6d1 !important;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}

select option:hover{
  background: #fff !important;
  color: black;
}

textarea:focus, select:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus{
  border-color: rgba(73, 193, 214, 0.8);
    outline: 0;
    outline: thin dotted \9;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(73, 193, 214, 0.6);
    -moz-box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(73, 193, 214, 0.6);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 8px rgba(73, 193, 214, 0.6);
}

.has-switch:focus{
  border-color: rgba(73, 193, 214,0.8) !important;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(73, 193, 214,.6)  !important;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 73, 214,.6)  !important;
}

table tr td, table tr th{
  border-left: none !important;
  border-right: none  !important;
  border-bottom: solid 1px #e5e1ff  !important;
  padding: 5px  !important;
  background: transparent !important;
}

.alert-info {   color: var(--list-color) !important; background-color: rgba(176, 230, 255, 0.8) !important; border-color: #96d0d8 !important; }
.alert-info h4 { color: var(--list-color);}

.alert-danger, .alert-error {
  color: #E23738  !important;
  background-color: #ffd1d1 !important;
  border-color: #ffa4a5 !important;
}

.alert {
  padding: 8px 35px 8px 14px;
  margin-bottom: 20px;
  text-shadow: 0 1px 0 rgb(255 255 255 / 50%);
  background-color: #ECE663;
  border: 1px solid #cfc71d;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}

.alert-success {
  color: #055945;
  background-color: #50D1B2;
  border-color: #0aa37e;
}

.alert-success h4{
  color: #0f6853;
}


#sidebar{
  max-width: 230px;
  top: 0px !important;
}
.i_container > .smis_sidebar{
  max-width: 230px;
}

.strong{
  font-weight: 800;
}

@media (min-width:500px) {
  #smis-login{
    margin-top: 300px !important;
  }

  #body, #smis-login{  background: transparent !important;}

  #smis-login .modal-header{display: none;}
  #smis-login .modal-body{border: none !important;}
  #smis-login .modal-footer{border-top: none !important;}
  #smis-login .modal-footer{background: transparent;}


  #username,#password{
    max-width: 500px;
    width: 500px;
    
    
    padding: 30px !important;
    font-size: 20px;
    border-radius: 30px;
    box-shadow: none;
    border: none;
  }
  #smis-login > .modal-body > .modal-body-form{
    max-width: 100% !important;
  }
  #login-button{
    width: 460px;
    border-radius: 30px;
    padding: 20px;
    line-height: 30px;
    font-size: 30px;
    background: linear-gradient(90deg, rgba(107,188,194,1) 0%, rgba(93,196,181,1) 35%, rgba(0,212,255,1) 100%) !important;
  }
}

#username,#password{
  padding: 30px !important;
  font-size: 20px;
  border-radius: 30px;
  box-shadow: none;
  border: none;
}

#login-button{
  width: 300px;
  background: linear-gradient(90deg, rgba(107,188,194,1) 0%, rgba(93,196,181,1) 35%, rgba(0,212,255,1) 100%) !important;
}
#front-page-button{display: none;}

#spacer{
  display: none;
}