div#myModal { z-index: 1000000; }
div#myModal div.modal-content { padding: .3rem 1rem .3rem 1rem; color #000; background-color: #fff; padding: 0px; }
div#myModal div.modal-content div.modal-header { padding: .3rem 1rem .3rem 1rem; background-color: transparent; border-bottom-color: #aaa; border-bottom-style: solid; border-bottom-width: 1px; }
div#myModal div.modal-content div.modal-header div.modal-title { font-size: 20px; line-height: 24px;  background-color: transparent; font-weight: normal; }
div#myModal div.modal-content div.modal-body { line-height: 16px; padding: .3rem 1rem .3rem 1rem; background-color: transparent; }
div#myModal div.modal-content div.modal-footer { padding: .8rem 1rem .8rem 0rem;  background-color: transparent;  border-top-color: #aaa; border-top-style: solid; border-top-width: 0px; }
/*
div#myModal div.modal-content div.modal-header { cursor: move; }
*/

/* Add Styles*/

div#myModal div.modal-content div.modal-header.alert,
div#myModal div.modal-content div.modal-header.logout { background-color: #dc3545; color: #fff; }

div#myModal div.modal-content.style1 { line-height: 24px;  background-color: #bdb76b; }
div#myModal div.modal-content div.modal-header.style1 { border-bottom-color: #737373; }

div#myModal div.modal-content.style2 { line-height: 24px;  background-color: #93b5bc; color: #fff; }
div#myModal div.modal-content div.modal-header.style2 { border-bottom-color: #fff; padding: 12px 18px 12px 18px; }

div#myModal div.modal-content.darkgray { background-color: #a9a9a9; color: #000; }
div#myModal div.modal-content div.modal-header.darkgray { border-bottom-color: #000; padding: 12px 18px 12px 18px; color: #000; background-color: transparent; }

div#myModal div.modal-content.aquamarine { background-color: #7fffd4; color: #000; }
div#myModal div.modal-content div.modal-header.aquamarine { border-bottom-color: #000; padding: 12px 18px 12px 18px; color: #000; background-color: transparent; }

div#myModal div.modal-content.marge { background-color: #a3ea92; color: #000; }
div#myModal div.modal-content div.modal-header.marge { border-bottom-color: #000; padding: 12px 18px 12px 18px; color: #000; background-color: transparent; }

div#myModal div.modal-content.nelson { background-color: #0b6f58; color: #fff; }
div#myModal div.modal-content div.modal-header.nelson { border-bottom-color: #eee; padding: 12px 18px 12px 18px; color: #fff; background-color: transparent; }

div#myModal button#ok,
div#myModal button#cancel,
div#myModal button#extra { box-shadow: 0 3px 6px rgba(0,0,0,.16),0 3px 6px rgba(0,0,0,.23)!important; }
