/** TextMarks Web 3 API CSS Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2012, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/** TextMarks Web 3 2014 TM Global SCSS Include Style Sheet. ---------------------------------------------------------------------------  --------------------------------------------------------------------------- Copyright (c) 2014, TextMarks Inc. --------------------------------------------------------------------------- */
/** */
/* --------------------------------------------------------------------------- CONSTANTS */
/* --------------------------------------------------------------------------- TWITTER BOOTSTRAP RESPONSIVE CONSTS AND MIXINS */
/* --------------------------------------------------------------------------- TEXTMARKS SPECIFIC MIXINS */
/* --------------------------------------------------------------------------- GENERIC MIXINS */
/* --------------------------------------------------------------------------- SHARED STYLES */
#app_api .container .row-centered.row .btn { margin-bottom: 30px; }

#app_api .container .row-centered.row { text-align: center; }
#app_api .container .row-centered.row .col-centered { display: inline-block; float: none; text-align: left; margin-right: -4px; vertical-align: top; }

#app_api section.card { box-shadow: 1px 1px 3px #cccccc; -moz-box-shadow: 1px 1px 3px #cccccc; -webkit-box-shadow: 1px 1px 3px #cccccc; behavior: url("/static_media/css/PIE.htc"); margin-bottom: 30px; background-color: white; }
#app_api section.card_info.card { background-color: #339fde; }
#app_api section.card_info.card h1, #app_api section.card_info.card h2, #app_api section.card_info.card h3, #app_api section.card_info.card h4, #app_api section.card_info.card h5, #app_api section.card_info.card h6, #app_api section.card_info.card p { color: white; }
#app_api section.card_muted.card { background-color: #edeeef; }

#app_api .container .row-centered.row .btn { margin-bottom: 30px; }

#app_api #sidebar_nav { background-color: #edeeef; }
@media screen and (min-width: 1200px) { #app_api #sidebar_nav { width: 285px; } }
@media screen and (min-width: 992px) and (max-width: 1199px) { #app_api #sidebar_nav { width: 235px; } }
@media screen and (min-width: 768px) and (max-width: 991px) { #app_api #sidebar_nav { width: 180px; } }
#app_api #sidebar_nav.affix { top: 0px; }
#app_api #sidebar_nav.affix-bottom { position: absolute; }
#app_api #sidebar_nav > ul { margin: 25px 0px; }
#app_api #sidebar_nav > ul > li { border-bottom: 1px solid #d8d9da; }
#app_api #sidebar_nav > ul > li:last-child { border-bottom: 0px; }
#app_api #sidebar_nav > ul > li.active > a { background-color: transparent; color: #8bba33; font-weight: 800; }
#app_api #sidebar_nav > ul > li.active ul li { padding-left: 25px; }
#app_api #sidebar_nav > ul > li.active ul li.active a { background-color: transparent; color: #99ca3c; }
#app_api #sidebar_nav > ul > li.active ul li a { padding: 0px; }
#app_api #sidebar_nav > ul > li.active ul li a:last-child { margin-bottom: 10px; }
#app_api #sidebar_nav > ul > li a { color: #767778; }
#app_api #sidebar_nav > ul > li a:hover, #app_api #sidebar_nav > ul > li a:focus { text-decoration: none; }

#api_compare .table tr.heading { background-color: #999; }
#api_compare .table tr.heading h4, #api_compare .table tr.heading h5, #api_compare .table tr.heading h5 a { color: white; }
#api_compare .table tr.heading .fa { color: #e8e9eb; margin-top: 15px; }
#api_compare .table tr.heading td { vertical-align: bottom; }
#api_compare .table tr td { text-align: center; vertical-align: middle; }
#api_compare .table tr td.success { background-color: white; color: #6d9228; }
#api_compare .table tr td.danger { background-color: white; color: #be6c6a; }
#api_compare .table tr td.emphasize.success { background-color: #dff0d8; }
#api_compare .table tr td.emphasize.danger { background-color: #f2dede; }
#api_compare .table tr td.emphasize .popover { color: #333333; }
#api_compare .table tr td p { font-size: 12px; margin-bottom: 10px; margin-top: 10px; }
#api_compare .table tr td p a { color: inherit; }
#api_compare .table tr td h5 { font-size: 12px; }
@media (min-width: 768px) { #api_compare .table tr td p { font-size: 16px; }
  #api_compare .table tr td h5 { font-size: 14px; } }

#mobile_toc { position: relative; width: 100%; z-index: 1; }
#mobile_toc.affix { position: fixed; top: 0px; z-index: 1000; }
#mobile_toc .dropdown li a { white-space: normal; }

#app_api { position: relative; }
#app_api .container .row section#heading { background-color: transparent; margin-top: -5px; padding-bottom: 0px; }
#app_api .container .row section#heading h1 { text-align: center; font-size: 30px; margin-bottom: 10px; }
#app_api .container .row section .fa.fa-external-link { vertical-align: super; font-size: 10px; }
#app_api section.card h2 { font-size: 23px; text-align: center; }
#app_api section.card h3 { font-size: 20px; }
#app_api section.card p, #app_api section.card li { font-size: 16px; }
#app_api p:last-child { margin-bottom: 30px; }
#app_api .image { text-align: center; }
#app_api img, #app_api .api_snippet { margin-top: 30px; margin-bottom: 30px; }
#app_api img { margin-left: auto; margin-right: auto; }
#app_api code.url, #app_api code.param { color: #1f84bf; background-color: #e3f2fa; }
#app_api code.request, #app_api code.response, #app_api code.keyword, #app_api code.tm { color: #333333; background-color: #edeeef; }
#app_api code.keyword { text-transform: uppercase; }

/* --------------------------------------------------------------------------- PAGE-SPECIFIC STYLES */
/* Page: Auto-Response */
/* Page: Send Text */
#api_sendtext .alert .btn { margin-bottom: 20px; }
#api_sendtext .alert ul { padding-left: inherit; }
#api_sendtext .alert ul li a { font-weight: 400; }

/* Page: Reference: Result Codes */
#api_rescodes table { font-size: 10px; }
@media (min-width: 992px) { #api_rescodes table { font-size: 14px; } }

/* Page: Reference: Functions */
#api_functions .fullscreener { text-align: center; display: none; }
#api_functions .iframe_wrap .ifrm_functions { width: 100%; height: 600px; border: 0px solid #999; }

/* Page: Intro */
section#api_intro .container .row section#did_you_know .jumbotron { background-color: #339fde; }
section#api_intro .container .row section#did_you_know .jumbotron .row { margin-top: 50px; color: #cde7f7; }
section#api_intro .container .row section#did_you_know .jumbotron .row h2 { color: white; }