/* #####################################################################
   #
   #   Project       : Modal Login with jQuery Effects
   #   Author        : Rodrigo Amarante (rodrigockamarante)
   #   Version       : 1.0
   #   Created       : 07/28/2015
   #   Last Change   : 08/02/2015
   #
   ##################################################################### */
   
@import url(https://fonts.googleapis.com/css?family=Roboto);

* {
    font-family: 'Roboto', sans-serif;
}

#subscribe-modal .list-group,
#subscribecontainer .list-group {
  margin-bottom: 0px;
}
#subscribe-modal .modal-content,
#subscribecontainer .modal-content {
	background-color: #333;
}

#subscribe-modal .lead,
#subscribecontainer .lead {
	font-size: 33px;margin-bottom:0px; 
}

#subscribe-modal .icons,
#subscribecontainer .icons {
	font-size: 20px;
}
#subscribe-modal .todo-list,
#subscribecontainer .todo-list {
	overflow-y:hidden;
}

#subscribe-modal .todo-list>li,
#subscribecontainer .todo-list>li {
  background-color: clear;
  margin-bottom: -1px;
}

#subscribe-modal .todo-list>li.success,
#subscribecontainer .todo-list>li.success {
	background: rgb(223, 240, 216);
}
#subscribe-modal .todo-list>li.danger,
#subscribecontainer .todo-list>li.danger {
	background: rgb(242, 222, 222);
}
#subscribe-modal .todo-list>li.default,
#subscribecontainer .todo-list>li.default {
	background: rgb(210, 214, 222);
}
#subscribe-modal .todo-list>li.info,
#subscribecontainer .todo-list>li.info {
	background: rgb(217, 237, 247);
}
#subscribe-modal .panel-footer,
#subscribecontainer .panel-footer {
  padding: 0;
  background-color: #ecf0f5;
}
#subscribe-modal .btn-group-vertical,
#subscribecontainer .btn-group-vertical {
  width: 100%;
}

#login-modal .modal-dialog,
#history-modal .modal-dialog,
#ranker-modal .modal-dialog,
#register-modal .modal-dialog,
#stats-modal .modal-dialog,
#teamscout-modal .modal-dialog,
#glb2link-modal .modal-dialog,
#glb2unlink-modal .modal-dialog,
#importglb2player-modal .modal-dialog,
#importglb2playerroster-modal .modal-dialog,
#loadglb2player-modal .modal-dialog,
#loadglb2playerroster-modal .modal-dialog,
#importglb2roster-modal .modal-dialog,
#loadglb2roster-modal .modal-dialog,
#changepassword-modal .modal-dialog,
#savestrategy-modal .modal-dialog,
#exportstrategy-modal .modal-dialog,
#restoresnapshot-modal .modal-dialog {
    width: 350px;
}

#subscribe-modal>div.modal-dialog {
	width: 90%;
}
#login-modal input[type=text], input[type=password],
#register-modal input[type=text], input[type=password],
#history-modal select,
#ranker-modal select,
#stats-modal select,
#teamscout-modal input[type=text], #teamscout-modal select,
#glb2link-modal input[type=text], input[type=password],
#changepassword-modal input[type=text], input[type=password],
#importglb2player-modal input[type=text],
#importglb2playerroster-modal input[type=text],
#loadglb2player-modal select,
#loadglb2playerroster-modal select,
#importglb2roster-modal input[type=text],
#loadglb2roster-modal select,
#savestrategy-modal input[type=text], #savestrategy-modal input[type=textarea],
#exportstrategy-modal input[type=text],
#restoresnapshot-modal input[type=text] {
	margin-top: 10px;
}

#div-login-msg,
#div-lost-msg,
#div-register-msg,
#div-history-msg,
#div-ranker-msg,
#div-stats-msg,
#div-teamscout-msg,
#div-glb2link-msg,
#div-glb2unlink-msg,
#div-importglb2player-msg,
#div-loadglb2player-msg,
#div-importglb2roster-msg,
#div-loadglb2roster-msg,
#div-changepassword-msg,
#div-savestrategy-msg,
#div-exportstrategy-msg,
#div-restoresnapshot-msg{
    border: 1px solid #dadfe1;
    height: 30px;
    line-height: 28px;
    transition: all ease-in-out 500ms;
}

#div-login-msg.success,
#div-lost-msg.success,
#div-register-msg.success,
#div-history-msg.success,
#div-ranker-msg.success,
#div-stats-msg.success,
#div-teamscout-msg.success,
#div-glb2link-msg.success,
#div-glb2unlink-msg.success,
#div-importglb2player-msg.success,
#div-loadglb2player-msg.success,
#div-importglb2roster-msg.success,
#div-loadglb2roster-msg.success,
#div-changepassword-msg.success,
#div-savestrategy-msg.success,
#div-exportstrategy-msg.success,
#div-restoresnapshot-msg.sucess {
    border: 1px solid #68c3a3;
    background-color: #c8f7c5;
}

#div-login-msg.error,
#div-lost-msg.error,
#div-register-msg.error,
#div-history-msg.error,
#div-ranker-msg.error,
#div-stats-msg.error,
#div-teamscout-msg.error,
#div-glb2link-msg.error,
#div-glb2unlink-msg.error,
#div-importglb2player-msg.error,
#div-loadglb2player-msg.error,
#div-importglb2roster-msg.error,
#div-loadglb2roster-msg.error,
#div-changepassword-msg.error,
#div-savestrategy-msg.error,
#div-exportstrategy-msg.error,
#div-restoresnapshot-msg.error {
    border: 1px solid #eb575b;
    background-color: #ffcad1;
}

#icon-login-msg,
#icon-lost-msg,
#icon-register-msg,
#icon-history-msg,
#icon-ranker-msg,
#icon-stats-msg,
#icon-teamscout-msg,
#icon-glb2link-msg,
#icon-glb2unlink-msg,
#icon-importglb2player-msg,
#icon-loadglb2player-msg,
#icon-importglb2roster-msg,
#icon-loadglb2roster-msg,
#icon-changepassword-msg,
#icon-savestrategy-msg,
#icon-exportstrategy-msg,
#icon-restoresnapshot-msg {
    width: 30px;
    float: left;
    line-height: 28px;
    text-align: center;
    background-color: #dadfe1;
    margin-right: 5px;
    transition: all ease-in-out 500ms;
}

#icon-login-msg.success,
#icon-lost-msg.success,
#icon-register-msg.success,
#icon-history-msg.success,
#icon-ranker-msg.success,
#icon-stats-msg.success,
#icon-teamscout-msg.success,
#icon-glb2link-msg.success,
#icon-glb2unlink-msg.success,
#icon-importglb2player-msg.success,
#icon-loadglb2player-msg.success,
#icon-importglb2roster-msg.success,
#icon-loadglb2roster-msg.success,
#icon-changepassword-msg.success,
#icon-savestrategy-msg.success,
#icon-exportstrategy-msg.success,
#icon-restoresnapshot-msg.success {
    background-color: #68c3a3 !important;
}

#icon-login-msg.error,
#icon-lost-msg.error,
#icon-register-msg.error,
#icon-history-msg.error,
#icon-ranker-msg.error,
#icon-stats-msg.error,
#icon-teamscout-msg.error,
#icon-glb2link-msg.error,
#icon-glb2unlink-msg.error,
#icon-importglb2player-msg.error,
#icon-loadglb2player-msg.error,
#icon-importglb2roster-msg.error,
#icon-loadglb2roster-msg.error,
#icon-changepassword-msg.error,
#icon-savestrategy-msg.error,
#icon-exportstrategy-msg.error,
#icon-restoresnapshot-msg.error {
    background-color: #eb575b !important;
}

#img_logo {
    max-height: 100px;
    max-width: 100px;
}

/* #########################################
   #    override the bootstrap configs     #
   ######################################### */

.modal-backdrop.in {
    filter: alpha(opacity=50);
    opacity: .8;
}

.modal-content {
    background-color: #ececec;
    border: 1px solid #bdc3c7;
    border-radius: 0px;
    outline: 0;
}

.modal-header {
    min-height: 16.43px;
    padding: 15px 15px 15px 15px;
    border-bottom: 0px;
}

.modal-body {
    position: relative;
    padding: 5px 15px 5px 15px;
}

.modal-footer {
    padding: 15px 15px 15px 15px;
    text-align: left;
    border-top: 0px;
}

.checkbox {
    margin-bottom: 0px;
}

.btn {
    border-radius: 0px;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
    outline: none;
}

.btn-lg, .btn-group-lg>.btn {
    border-radius: 0px;
}

.btn-link {
    padding: 5px 10px 0px 0px;
    color: #95a5a6;
}

.btn-link:hover, .btn-link:focus {
    color: #2c3e50;
    text-decoration: none;
}

.glyphicon {
    top: 0px;
}

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

.center {
	text-align: center;
}

.bold {
	font-weight: bold;
}